2011-05-13 83 views
3

我发现如何旋转文字(感谢SO)90°,问题是文本垂直呈现,但(我猜)该框是水平计算的(如之前旋转)。如何对齐表格中的旋转文字?

我有表单元格包含这样的旋转文本,我想对齐文本顶部的单元格。其结果是我得到的是这样的:

文字旋转前:旋转后

rotated90 

文本(请原谅我的ASCII截图):

0 
9 
d 
e 
t 
a 
t 
o 
r 

旋转文本对齐池的顶部:

0 
9 
d 
e 
----------- 
t 
a 
t 
o 
r 

所以部分文本实际上是在单元格上方,这是不好的。

预期的效果:

----------- 
0 
9 
d 
e 
t 
a 
t 
o 
r 

问题:如何垂直对齐文本,即如何使浏览器中看到的框,后(不是之前)rotattion?

+1

IE的方法('writing-mode')正确地旋转了元素的盒子模型,但它看起来不像Webkit/Mozilla浏览器。 :( – drudge 2011-05-13 18:42:14

+0

@jnpcl,谢谢你提醒它,但的确是太限制了,毕竟即使我不使用Windows作为主系统。 – greenoldman 2011-05-13 19:14:17

回答

1

它看起来不像这是可能的,而不指定旋转的文本是。

的Webkit/Mozilla的执行元件的显示器上的旋转单元的高度,而不是它的盒模型。

CSS3属性writing-mode在IE中正常工作,旋转盒子模型。这个属性应该被大多数浏览器支持,但是我读到的文章表示它当时只支持IE。

+0

由于我不急,我会将文本水平放置,并且在有时候我会用写模式进行旋转。哦,男孩,WWW就是一切,除了保持标准:-)。 – greenoldman 2011-05-13 19:34:01