Bagaimana untuk Membuat Div Lebar Sama dengan CSS?

Div Lebar Sama dengan CSS

Dalam senario ini, div induk mengandungi berbilang div anak dan anda mahu ia mempunyai lebar yang sama secara automatik.

Penyelesaian:

Gunakan kuasa paparan: jadual dan susun atur jadual: sifat CSS tetap. Teknik ini berfungsi dalam pelayar moden tetapi tidak dalam 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>
  <p><strong>Contoh:</strong></p>
  <p>Semak keluarkan demonstrasi JSFiddle ini untuk kedua-dua senario tiga dan dua div:</p>
  <ul>
  <li>[Dua div](https://jsfiddle.net/g4dGz/1/)</li>
  <li>[Tiga div]( https://jsfiddle.net/g4dGz/)</li>
  </ul>
  </div>

Atas ialah kandungan terperinci Bagaimana untuk Membuat Div Lebar Sama dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!