如何只使用CSS创建竖排文字？(How to create vertical text using

是否有可能创建一个使用CSS只垂直文本，与IE6 +兼容？

通过垂直我的意思

F
O
O

B
A
R

Answer 1:

编辑：你可以尝试以下方法：

p {
  letter-spacing: 1000px;    // more than width of parent 
  word-wrap: break-word;    // seems to work in at least Firefox and IE7+ 
}

这似乎在Firefox 3.5和IE7 +工作（不具有访问IE6现在）。 这是从该解决方案唯一缺少的是一个空间，一个额外的新行，结果是这样的：

F
Ø
Ø
乙
一个
[R

Answer 2:

今天，它是不可能在一个浏览器无关的方式。 等待CSS3。

Answer 3:

这在IE，但不幸的是没有FF：

.verticaltext 
{
    writing-mode: tb-rl;
    filter: fliph flipv;
}

Answer 4:

你可以使用这个CSS实现（至少在IE）类似的东西：

.verticaltext {
  writing-mode: tb-rl;
}

但是，这将顺时针旋转90度的字符。

文章来源: How to create vertical text using only CSS?