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>

  ログイン後にコピー

例:

3 つと 2 つの div シナリオの両方について、この JSFiddle デモを確認してください:

• [2 つの div](https://jsfiddle.net/g4dGz/1/)
• [3 つの div](https://jsfiddle.net/g4dGz/)

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