旋转表格单元格时如何消除空白？

【问题标题】：How to eliminate the white space when I rotate a table cell?旋转表格单元格时如何消除空白？
【发布时间】：2013-02-13 04:09:44
【问题描述】：

我试图在表格中显示一些旋转的单元格，但在此示例中，列有一个空格。我想删除它，但我还没有完成如何删除它。

示例如下：

【问题讨论】：

【解决方案1】：

您的函数添加了一个带有height: width, width: height 的div，但是，因为您的表格td 继承了最宽单元格的宽度，在这种情况下Dummy text，适用于旋转单元格item8 具有自动单元格的高度- Dummy text 的水平宽度。

您可以不使用 div，因为您的表格单元格已经尝试适应它的内容，或者在您的 div 上使用 display:table-cell 来做同样的事情。

【讨论】：

谢谢，我知道了。还有一个问题，如何将vertical-align 居中以在旋转的单元格中居中？
由于布局是旋转的，但没有重新调整（意味着原来的宽度将看起来像旋转后的高度），也许text-align:center 应该可以解决问题。还发现这可能与您要完成的工作重复：stackoverflow.com/questions/716970/…