如何在垂直方向显示文本

Question

是否可以使用css垂直显示文本，例如我希望文本显示为

H
E
L
L
O

我在网上尝试过一些例子，但是没有用，请帮助。

问候。

Answer 1

跨浏览器兼容性的最佳选择是制作一个狭窄的容器，迫使每个字母的单词断开。

看一下这个演示：

• http://sarfraznawaz2005.kodingen.com/demos/css/vertical_text2.html

它运行良好，代码简单明了。具体看看这个位：

/* vartical text css starts */
.vertical{
    width:1em;
    text-transform:uppercase;
}
/* vartical text css ends */