如何仅使用CSS创建垂直文本？

Question

是否可以仅使用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度。