如何用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;
  }

• HTML :

  <div>
  <p><strong>示例：</strong></p>
  <p>查看三个和两个 div 场景的 JSFiddle 演示：</p>
  <ul>
  <li>[两个 div](https://jsfiddle.net/g4dGz/1/)</li>
  <li>[三个 div](https://jsfiddle.net/g4dGz/)</li>
  </ul>
  </div>

以上是如何用CSS创建等宽的div？的详细内容。更多信息请关注PHP中文网其他相关文章！