CSS实现文字竖排

 <div style="writing-mode:tb-rl">文字竖排</div>

Writing-mode 的属性

在 Microsoft® Internet Explorer 5.5 中，通过名为 writing-mode（英文）的 CSS（英文）属性（是当前为 CSS 3（英文）推荐的）启用对垂直布局的支持。下面的示例对于英文和日文内容进行了水平布局和垂直布局的比较。请浏览示例，然后我们将对细节进行深入探讨。

writing-mode 属性有两个要探讨的值：

1. tb-rl
2. lr-tb

Tb-rl 表示自上而下、从右向左，说明了应用这种样式的元素的内容走向。Lr-tb 表示从左向右、自上而下，它是所有文字的默认走向，也是英文读者所熟悉的典型的水平走向。与其它任何 CSS 属性一样，可通过外部 CSS 文件，或通过对象模型（style.writingMode（英文）），在一列上指定这些值。

请注意，虽然是东亚语言引发了对垂直布局的支持这一思路，但是任何语言文字都可以采用垂直文字走向。在这种走向中，单独字符的方向取决于它们所属的语言或文稿。为了保持垂直排版的传统，东亚文字的字符均采取竖直方向显示，而其它所有字符，包括拉丁文字符，在采用垂直布局时则顺时针旋转 90° 显示。