这些天在做这个WP的skin设计，设计的过程中涉及到文字竖排显示的问题，怕到时候做页面无法实现所以搜索了一下相关文章。且自己做了些研究。看桑叶的这个研究报告，使用了一种很变态的方法就是字体样式前加@。So，我觉得很不实用，特别是在英文的时候，且中文还会倒过来，反正是各种各样的问题都会有。
还有一种方法就是writing-mode，相关用法大家可以去搜索一下就行了，且这个方法只针对IE有效。所以我在写css的时候用了hack写法=。=
#story_list .content h3{background:url(images/bg_titile.gif); float:left; width:1em; padding:5px 5px 1em; font:2em “微软雅黑”, “宋体”; margin:0 0 0 10px; line-height:1.1em; overflow:hidden; *writing-mode:tb-rl; *letter-spacing:2px; }
但是呢，又有问题了。大家看图哈。
我不敢确定这是微软雅黑竖排后的bug还是什么原因，导致适用微软雅黑竖排的时候往左靠了(IE下) ，其他字体正常。这是使用了writing-mode样式后才会有的问题。但是如果不用这个，写英文的时候就又会出现显示无能的状态。但是大家应该也看得出firefox下的bug就是如果出现英文或者数字的时候，它们还是在一排里面，且只显示1em宽度的东西，因为我overflow:hidden了囧。
到底是我的设计想法太怪异还是啥米？但是我觉得我一点都没问题=..=，只不过是FF下英文、罗马数字无法很好显示而已罢了嘛=”=。
