使用“display: table-cell”有没有办法获得“colspan”功能？ [复制]答案

【问题标题】：Using "display: table-cell" is there a way of getting the "colspan" functionality? [duplicate]使用“display: table-cell”有没有办法获得“colspan”功能？ [复制]
【发布时间】：2013-04-05 08:37:13
【问题描述】：

使用display: table-cell 有没有办法获得colspan 功能，在使用真实表格单元格时可用？

特别是我需要一些“单元格”来跨越多个列。

真实表格是不可能的，因为我使用的是 每行表单 布局，它不会验证为真实表格。

【问题讨论】：

相应地设置宽度？
@BenM 使用“display: table-cell”的目的是让宽度适应内容的大小。
类似问题：stackoverflow.com/questions/2403990/html-colspan-in-css

标签： css

【解决方案1】：

不，您不能将 colspan 或 rowspan 添加到 display:table-cell。这是表格单元格功能的限制之一！

您可以在此参考链接中查看限制

http://www.onenaught.com/posts/201/use-css-displaytable-for-layout

如果你想将 COLSPAN 功能引入 table-cell，那么你必须使用 table-row-group 和 table-caption 功能，如下所示

display: table-caption

和

table-row-group;

检查这个小提琴链接：http://jsfiddle.net/ZQQY4/

【讨论】：

这是一个很好的解决方法，但不能应用于表中的任意行（例如，第 2 行或第 5 行）。在这种情况下，display: table 或内联表可以解决问题。
jsfiddle.net/wo40ev18/3
感谢小提琴和答案应该去：stackoverflow.com/a/9851624/383904
如果我想要表格下方的标题怎么办
.caption {border:1px 纯灰色；字幕侧：底部；显示：表格标题；文本对齐：居中； } 在下方显示标题