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

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

示例如下:

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

【问题讨论】:

  • 空格是指旋转后的item8中的空格吗?
  • @TheDeadLike 没错
  • @DarfZon:您是否有任何理由没有将vertical 类应用于所有相关单元格?例如:jsfiddle.net/PAfRY/1
  • 好吧,在我的实际应用中。我只需要将vertical style 应用于所有标题单元格

标签: javascript html css


【解决方案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/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多