我有以下代码:
.table {
display: table;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
}
.colspan2 {
/* What to do here? */
}
<div class="table">
<div class="row">
<div class="cell">Cell</div>
<div class="cell">Cell</div>
</div>
<div class="row">
<div class="cell colspan2">Cell</div>
</div>
</div>
非常简单。如何为带有 display: table-cell
的元素添加 colspan(或等效的 colspan)?
原文由 Madara‘s Ghost 发布,翻译遵循 CC BY-SA 4.0 许可协议
据我所知,缺少 colspan/rowspan 只是
display:table
的限制之一。看这篇文章:http://www.onenaught.com/posts/201/use-css-displaytable-for-layout