创建具有垂直方向文本的HTML表作为表头

发布时间：2020-12-14 18:45:14 所属栏目：资源来源：网络整理

导读：我想创建一个 HTML表格,其中垂直书写的文本作为标题(即标题文本旋转90度).我正在使用flollowing风格 th style="-webkit-transform:rotate(90deg); writing-mode:tb-rl; -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; dis

我想创建一个 HTML表格,其中垂直书写的文本作为标题(即标题文本旋转90度).我正在使用flollowing风格

<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中显示OK.在Firefox和Chrome中,标题似乎浮动在表格的顶部,它与下面的表格行重叠.有人可以帮忙吗？我很简单,不知道为什么会这样.我从本教程开始：http://scottgale.com/blog/css-vertical-text/2010/03/01/

TIA,Tamas

解决方法

我不相信你可以得到< th>的高度.用CSS单独旋转它的内容时改变.下面是我用一些jQuery做这个的方法.

http://jsfiddle.net/tsYRQ/1004/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!