如何用CSS建立等寬的div？

CSS 等寬 Div

在這種情況下，一個父 div 包含多個子div，並且您希望它們具有相等的寬度

解決方案：

利用顯示的力量：表格和表格佈局：固定CSS屬性。此技術適用於現代瀏覽器，但不適用於IE7。

• CSS：

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

• HT ML:

  <div>

範例：

檢查針對三個和兩個div 場景進行JSFd

[兩個div](https://jsfiddle.net/g4dGz/1/)
• [三個 div]( https://jsfiddle.net/g4dGz/)

以上是如何用CSS建立等寬的div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！