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

我想在表格中显示一些旋转的单元格，但在这个例子中列有一个空格。我想删除它，但我没有完成如何删除它。如何在旋转表格单元格时消除空白区域？

这里是例子：

http://demos.davidjs.com/ST-RotateTableCellContent/

2013-02-12 Darf Zon

通过空白，你是否意味着在旋转后的item8中的空白空间？ – TheDeadLike 2013-02-12 20:03:10

[** JSFiddle Hosted **]（http://jsfiddle.net/PAfRY/） – mellamokb 2013-02-12 20:03:55

@TheDeadLike正确的是 – 2013-02-12 20:04:30

你的功能将与height: width, width: height一个div，但是，因为你的表TD继承了最宽的单元格的宽度，在这种情况下Dummy text，适用于旋转单元item8自动单元格宽度为Dummy text的高度为水平。

您可以忽略div，因为您的表格单元格已经尝试适合其内容，或者使用div上的display:table-cell做同样的事情。

来源

2013-02-12 20:09:44 TheDeadLike

谢谢，我明白了。还有一个问题，我如何将'vertical-align'居中放置在旋转的单元格中？ – 2013-02-12 20:39:08

由于布局是旋转的，但没有重新形成（意味着前一个宽度将看起来像旋转后的高度），也许'文本对齐：中心'应该做的伎俩。还发现这可能与您正在尝试完成的重复：http://stackoverflow.com/questions/716970/rotating-table-header-text-with-css-transforms – TheDeadLike 2013-02-12 21:23:31

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

回答

相关问题