【问题标题】:Why my pseudo table doesn't fill rows with colspan?为什么我的伪表没有用 colspan 填充行?
【发布时间】:2018-02-15 20:40:54
【问题描述】:

我正在尝试使用纯 CSS(适用于最新的 Chrome)来模拟 html 表格元素。这是代码:http://jsfiddle.net/XVecz/4/

.table .table-cell[colSpan] {
    width: 100%;
 }

除了 colSpan 属性外,一切正常。它不填充 td-cell。 您能建议任何解决方法吗?

【问题讨论】:

  • 对表格数据使用 没有任何问题。
  • 不。有2张桌子。但我有单曲。不一样
  • @Llepwryd - 在我看来,小提琴看起来不像表格数据。
  • @Erik,两张桌子?不是 2 行?

标签: html css css-tables


【解决方案1】:

很遗憾,您需要拆分布局。如果您使用大小相同的单元格,则可以。 要分解布局,您需要将表格行设置为表格。 http://jsfiddle.net/XVecz/5/

.table .table-row {
    display: table;
    width:100%;
}

【讨论】:

  • 谢谢。我认为这对我有用。你能帮我解决rowSpan吗?
  • 您需要为此修改您的标记。无法实现行跨度。所以你需要在同一个单元格中包含你的行跨度。换句话说,所有东西都必须在同一个父行中
  • 你能举个例子吗?
猜你喜欢
  • 2017-01-21
  • 1970-01-01
  • 1970-01-01
  • 2017-01-18
  • 1970-01-01
  • 1970-01-01
  • 2020-08-03
  • 2014-04-28
  • 1970-01-01
相关资源
最近更新 更多