使用「display：table-cell」是否有獲得「colspan」功能的方法？

使用display: table-cell有沒有辦法獲得colspan的功能，這在使用真實表格單元格時可用？使用「display：table-cell」是否有獲得「colspan」功能的方法？

特別是我需要一些「單元格」來跨越多列。

真正的表格不是可能性，因爲我使用表格每行佈局，它不會驗證爲真實表格。

2013-04-05 fadedbee

相應地設置寬度？ – BenM 2013-04-05 08:38:11

@BenM使用「display：table-cell」的點是這樣的寬度，以適應內容的大小。 – fadedbee 2013-04-05 08:44:47

一個類似的問題：http://stackoverflow.com/questions/2403990/html-colspan-in-css – 2013-04-05 08:45:14

不，您不能添加colspan或rowspan來顯示：table-cell。這是表格單元格功能的限制之一！

您可以檢查限制在此引用鏈接

如果你想要把COLSPAN功能爲表單元格，然後你必須使用錶行組和表字幕功能如下

display: table-caption

和

table-row-group;

檢查這個小提琴鏈接：http://jsfiddle.net/ZQQY4/

2013-04-05 08:40:00 harishannam

這是一個很好的解決方法，但不能應用於表中的任意行（比如2nd或5th）。在這種情況下，'display：table'或者一個內聯表就可以做到這一點。 – 2015-03-08 22:07:09

http://jsfiddle.net/wo40ev18/3/ – Layke 2015-05-22 13:16:14

小提琴和答案的榮譽應該去：http://stackoverflow.com/a/9851624/383904 – 2015-12-01 23:21:25

回答