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

示例：

查看三个和两个 div 场景的 JSFiddle 演示：

• [两个 div](https://jsfiddle.net/g4dGz/1/)
• [三个 div](https://jsfiddle.net/g4dGz/)

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