使用display：table，table-row，table-cell模擬colspan（on ie> = 8）

我必須創建一個包含兩行的佈局。第一行具有一個小區和所述第二個具有三個單元：使用display：table，table-row，table-cell模擬colspan（on ie> = 8）

|  A  | 
| B | C | D |

是否有可能通過使用的div，利用CSS顯示屬性表，表的行和表格單元？

我成功地通過使用兩個不同的表div（一個用於第一行，一個用於第二行）創建該佈局，但單元格之間的邊界間距產生了不良影響：兩行之間的間距是第二行單元之間的那個的兩倍。

2013-11-04 Sefran2

不，CSS表模型目前比HTML表模型簡單得多。 CSS表格是一個簡單的網格，沒有對應於colspan或rowspan。

有很多方法可以實現所需的佈局，例如，使用CSS定位。

2013-11-04 22:08:02

是的，但我只想告誡人們，表格佈局一般不能用CSS定位（好吧，無論如何，在'flex'或'grid'之前）複製，因爲'table'是唯一的，調整它們的行和列的大小*並將推斷的大小應用於相關元素*。簡而言之：如果您想爲其內容設置複雜的佈局，只需粘貼表格即可。 –

@EamonNerbonne，正確，但是由於問題似乎是關於頁面佈局設計（而不是廣義上的表格數據），我期望這個想法是在某些單元中明確地設置「單元格」寬度，而不是自動錶格佈局。 –

@ JukkaK.Korpela：所以你建議明確設置寬度單元格，例如在px中，不是嗎？或者更好地使用html表格（你是對的，我需要一個頁面佈局） – Sefran2

回答