css - 使用“display: table-cell”有没有办法获得“colspan”功能？

Question

使用display: table-cell有没有一种方法colspan可以获得使用真实表格单元格时可用的功能？

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

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

Answer 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/