CSS 文字竖排

真是郁闷，今天又碰到了一个问题，就是文字竖排的，中文的好说，网上都找到了，但英文字母和数字就不行了，现在也没有找到更好的办法；

竖排：

实现网页文字竖排的方法有很多，先来看看CSS 样式表中提供的两种文字竖排的方法：

writing-mode （IE5.5+专有属性）

语法：

writing-mode : lr-tb | tb-rl

参数：

lr-tb : 左-右，上-下

tb-rl : 上-下，右-左

另一种是用：

layout-flow （IE5.5+专有属性）

语法：

layout-flow : horizontal | vertical-ideographic

参数：

horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系

vertical-ideographic :
对象中的内容自上而下流入，下一行在前一行左面。这个值适于亚洲语系

但这两种方法都只是 IE 支持，而且效果也不太好控制。除非之外，还可以用 <BR /> 或使用图片来实现文字竖排。

还有一种更好的办法：设置div样式：div {
width
:
1.5em
;
float
:
right
;
}，这种方法可以在html转换成PDF时保持原样，上面的就不行，转换时变样式了。