如何在不更改表格布局的情况下旋转单元格的内容答案

【问题标题】：How can I rotate the content of a cell without changing the layout of the table如何在不更改表格布局的情况下旋转单元格的内容
【发布时间】：2012-04-12 02:32:52
【问题描述】：

我目前正在开发一个 UI，该 UI 要求我有一个包含单元格的表格，其文本是垂直读取而不是水平读取的。为此，我使用 CSS 旋转变换。

我遇到的问题是在渲染转换发生之前测量内容。这导致我的表格呈现不正确，给出宽列而不是窄列。

有没有办法用 css 或 javascript 来解决这个问题？

JSFiddle

【问题讨论】：

JSFiddle 链接应该显示我所看到的。

标签： html css

【解决方案1】：

看看这个：http://jsfiddle.net/c29rr/

我不知道它是否适用于您的情况，因为它使用 float:left 使单元格表现为 div，但这是一个开始。

【讨论】：

【解决方案2】：

不是最好的解决方案，但这是我想出的：http://jsfiddle.net/gJCtN/2/

此外，没有display:table-cell 或类似名称的元素不支持vertical-align。 More info.

【讨论】：