提问人：fadedbee 提问时间：4/5/2013 最后编辑：fadedbee 更新时间：4/5/2013 访问量：100336
使用“display： table-cell”，有没有办法获得“colspan”功能？[复制]
Using "display: table-cell" is there a way of getting the "colspan" functionality? [duplicate]
问：
使用 有没有办法获得使用真实表格单元格时可用的功能？display: table-cellcolspan
特别是，我需要一些“单元格”来跨越多个列。
实表是不可能的，因为我使用的是每行表单布局，它不会验证为实表。
答：
66赞
harishannam
4/5/2013
#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/
评论
4赞
Franz B.
3/9/2015
这是一个很好的解决方法，但不能应用于表中的任意行（例如，第 2 行或第 5 行）。在这种情况下，或者内联表就可以解决问题。display: table
0赞
Layke
5/22/2015
jsfiddle.net/wo40ev18/3
0赞
Roko C. Buljan
12/2/2015
对小提琴和答案的赞誉应该去：stackoverflow.com/a/9851624/383904
4赞
Gaurav Aggarwal
2/12/2016
如果我想在表格下方添加标题怎么办
3赞
eshaiju
1/25/2017
.caption {border：1px solid grey; caption-side： bottom; display： table-caption; text-align： center; } 在下面显示标题
评论