如何在旋轉表格單元格時消除空白區域？

我想在表格中顯示一些旋轉的單元格，但在這個例子中列有一個空格。我想刪除它，但我沒有完成如何刪除它。如何在旋轉表格單元格時消除空白區域？

這裏是例子：

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

如何在旋轉表格單元格時消除空白區域？

回答

相關問題