爲什麼你需要指定一個html表格寬度和列寬

Question

如果列不加到表格寬度上，瀏覽器的默認行爲是什麼？

Answer 1

對於大多數瀏覽器，列和表格寬度僅爲建議。如果內容太寬，則內容會更寬（除非您還指定了溢出屬性）。

如果列的寬度加起來超過表格的寬度行爲是未定義的，但通常瀏覽器會縮小列寬度和/或增加表格寬度以適應所有情況。

Answer 2

它們的寬度將是內容的寬度，所以說如果你有一張桌子有兩個柱子： | hello | world |它們的寬度就是這樣，如果你有一個圖像放入這些表格單元之一中，那麼它將是圖像的寬度，如果它是空的，並且沒有設置寬度/填充/間隔，則它將爲零。

Answer 3

備用寬度將分佈在所有列（通過HTML或CSS）之間。寬度分配給任何沒有固定寬度的列（以HTML或CSS表示）;如果所有列都具有固定寬度，則所有列都可能會收到額外的寬度。

如果您使用的是table-layout: fixed，那麼獲得備用寬度的每列將會收到相同的數量。如果您使用的是table-layout: auto（默認值），則瀏覽器將嘗試根據各種未指定的瀏覽器特定算法確定哪些列更值得「猜測」，以確定每列所包含的內容數量。特別是在IE和colspan s，這可能會有非常不希望的結果。

這是您真正想要始終使用table-layout: fixed的另一個原因。