我想创建一个HTML表格,其中标题文本为垂直书写(即标题文本旋转90度)。我正在使用以下样式:
<th style="-webkit-transform:rotate(90deg); writing-mode:tb-rl; -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; display:blocking; padding-left:1px;padding-right:1px;padding-top:10px;padding-bottom:10px; " align="left" id="#COLUMN_HEADER_NAME#">#COLUMN_HEADER#</th>
在MS IE 9.x中显示正常。在Firefox和Chrome中,标题似乎浮动在表格的顶部,与下面的表格行重叠。请问有人能帮忙吗?我真的不知道为什么会出现这种情况。我最初是按照这个教程开始的:http://scottgale.com/blog/css-vertical-text/2010/03/01/ 谢谢,Tamas
writing-mode
样式现在被FF支持,并且与transform
产生冲突。 - deefour