具有相等自動寬度的CSS 並排Divs

在父DIV 中實現子DIV 的相等自動寬度可能會很棘手傳統的浮動和寬度方法。但是，使用 display: table 屬性提供了啟用此功能的現代解決方案。

1. 使用 Display: Table 的解決方案
3. 設定父 DIV (#wrapper ) 顯示為表格並啟用固定表格佈局。這將確保子 DIV 佔據相同的寬度。

對於每個子 DIV，將 table-cell 的顯示屬性設為確保它們並排出現並且與父 DIV 具有相同的高度。

#wrapper {
  display: table;
  table-layout: fixed;
  width: 90%;
  height: 100px;
  background-color: Gray;
}

#wrapper div {
  display: table-cell;
  height: 100px;
}

#wrapper { 顯示：表； 表格佈局：固定； 寬度：90%； 高度：100px； 背景顏色：灰色； } #包裝div { 顯示：表格儲存格； 高度：100px； }

#wrapper {
  display: table;
  table-layout: fixed;
  width: 90%;
  height: 100px;
  background-color: Gray;
}

#wrapper div {
  display: table-cell;
  height: 100px;
}