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>3 つと 2 つの div シナリオの両方について、この JSFiddle デモを確認してください:</p>
  <ul>
  <li>[2 つの div](https://jsfiddle.net/g4dGz/1/)</li>
  <li>[3 つの div](https://jsfiddle.net/g4dGz/)</li>
  </ul>
  </div>

以上がCSSで等幅のDivを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。