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

Question

I'm trying to show in a table some cells rotated, but in this example the columns has a white space. I would like to remove it, but I haven't accomplished how to remove it.

Here is the example:

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

Answer 1

Your function adds a div with height: width, width: height , however, since your table td inherits the widest cell's width, which in this case Dummy text , applies to the rotated cell item8 to have height of the auto-cell-width of Dummy text in horizontal.

You could just leave off the div as your table cell will already try to fit into it's content, or use display:table-cell on your div to do the same thing.