表格僅在Firefox中溢出父項的寬度。不是由填充/邊距/邊框造成的

我有一張表，由於某種原因不斷溢出其容器的寬度。在Chrome中運行良好，但在Firefox中它只是拒絕。表格僅在Firefox中溢出父項的寬度。不是由填充/邊距/邊框造成的

網站可以在這裏找到：http://goo. gl/vkN5s

我已經嘗試使用box-sizing: border-box;（與-moz前綴）在桌子上，沒有什麼區別（我也不明白爲什麼會有所作爲）。表格中的圖像有一定的餘量，但即使刪除了邊距，仍然會使容器溢出至少20px。桌子寬度爲100％，所以它應該填充容器。 td的寬度爲50％。 50％的寬度足以滿足圖像的要求（即使是圖像邊距）。

我讀過similar questions，其中大部分建議刪除填充/邊距/邊框，並沒有display: block;（我沒有）。我沒有想法。

來源

2013-03-04 qwerty

你爲什麼使用該表格作爲佈局？ – 2013-03-04 10:58:08

我認爲這是圖像的顯示內聯和浮動屬性以及導致問題的邊距。我建議擺脫表格，因爲表格僅用於顯示錶格數據。一個簡單的UL可能會爲你做這項工作。 – 2013-03-04 11:06:26

表格僅用於圖像，我應該提到這一點。此外，我需要使用某種網格佈局（兩列行），因爲我需要每行兩個圖像，並且圖像是響應式的，所以我不能將它們浮動，因爲它們不會在縮放窗口時調整大小。這一切都是通過Wordpress創建的，並且對於我的客戶來說它必須很容易完成，所以如果我能夠實現它，表格就是最好的解決方案。 **編輯：**即使刪除了邊距並將圖像設置爲「display：block」，它仍然會使容器溢出20 px，這是非常奇怪的！ – qwerty 2013-03-04 11:54:44

如果您使用border-collapse:collapse將其刪除。

來源

2013-11-29 08:23:54 Ahmad

表格僅在Firefox中溢出父項的寬度。不是由填充/邊距/邊框造成的

回答

相關問題