CSS 中並排 Div 的等寬
在 HTML 中，組織父容器中的元素通常是使用 div 元素來實現的。然而，以相等的寬度並排對齊多個子 div 可能會帶來挑戰。
考慮以下 HTML 結構：
在此範例中，子 div 並排對齊，但它們具有任意寬度。要實現相等的寬度，可以使用 CSS 魔法 display: table 屬性。
此CSS 解有幾個關鍵功能：
- 集合父div (#wrapper) 顯示為表格(display: table) 並設定表格佈局：固定以確保列相等寬度。
- 設定子 div (#wrapper div) 顯示為高度相等的表格儲存格 (display: table-cell)。
好處：
- 適用於現代瀏覽器（IE7 不支援）支援）
- 根據可用空間自動調整列寬
- 允許使用不同數量的子div 進行靈活佈局
實例：
- 兩個Div： [JSFiddle]iddle. (https://jsfiddle.net/g4dGz/1/)
- 三個分區：[JSFiddle](https://jsfiddle.net/g4dGz/)
以上是如何在 CSS 中使並排的 Div 具有相等的寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
