使用"display:table-cell"有没有办法获得"colspan"功能?

fad*_*bee 53 css

使用display: table-cell是否有一种获取colspan功能的方法,这在使用真实表格单元格时可用?

特别是我需要一些"单元格"来跨越多列.

真正的表是不可能的,因为我使用每行布局的表单,它不会验证为真正的表.

har*_*nam 53

不,你不能添加colspan或rowspan来显示:table-cell.这是表格单元功能的限制之一!

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

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

如果要将COLSPAN功能引入表格单元格,则必须使用表格行组和表格标题功能,如下所示

display: table-caption
Run Code Online (Sandbox Code Playgroud)

table-row-group;
Run Code Online (Sandbox Code Playgroud)

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

  • 这是一个很好的解决方法,但不能应用于表中的任意行(例如,第2或第5行).在这种情况下,`display:table`或内联表可以做到这一点. (4认同)
  • 如果我想在表格下方标题怎么办? (3认同)
  • .caption {border:1px纯灰色;字幕侧:底部;显示:表格标题;文本对齐:居中;在下面显示标题 (2认同)