是否可以使用css垂直显示文本？

Question

L
i
k
e

t
h
i
s

你能通过演示回答吗？

对于那些你不知道我需要什么样的效果的人，请参阅here（这个只适用于IE，这基本上就是我想要的）。

我不需要旋转文字。只需要垂直！

效果图片：

_{（来源：51hired.com）}

Answer 1

FireFox（可能还有其他浏览器）的解决方案： http://bytes.com/topic/javascript/answers/721811-solution-display-text-rotated-90-vertically-firefox-css

这里特定于IE的解决方案：
http://www.ssi-developer.net/css/vertical-text.shtml

Answer 2

您可以尝试为容器设置固定的小宽度。如果您打印文本交错空格，那么它们应该显示在另一个之下。

Answer 3

不，但是一系列换行符（<br>元素）应该可以解决问题。

Answer 4

这是通过在字母和宽度1px

之间添加空格最简单的方法

的CSS：

p{width:1px;}

HTML

<p>L i k e t h i s</p>

现在输出会随你而来

L
i
k
e

t
h
i
s

Answer 5

到终点线的最快路线是制作一张图像，文字按照你想要的方式布置。请务必在任何位置使用alt元素添加img属性，以便搜索引擎可以正确索引。

顺便说一句，基于标记的解决方案存在问题：如果标签中的字母用标签分隔，搜索引擎可能与标签中的单词不匹配。