Bagaimana untuk Menjajarkan Div Secara Mendatar Dalam Bekas dengan Dimensi Tetap?

Div Terapung Secara Mendatar Dalam Bekas dengan Dimensi Tetap

Soalan:

Saya perlu menjajarkan div secara mendatar dalam bekas , tetapi saya menghadapi isu di mana unsur limpahan terpecah ke baris seterusnya walaupun berlaku ketinggian ibu bapa yang terhad. Mencapai reka letak yang diingini melalui elemen sebaris bukan satu pilihan.

Penyelesaian:

Untuk menjajarkan div secara mendatar dan mengelakkan isu limpahan, pertimbangkan untuk menambah div dalam dalam bekas yang mempunyai lebar yang mencukupi untuk menampung semua div terapung. Berikut ialah contoh kod untuk penyelesaian ini:

#container {
  background-color: red;
  overflow: hidden;
  width: 200px;
}

#inner {
  overflow: hidden;
  width: 2000px;
}

.child {
  float: left;
  background-color: blue;
  width: 50px;
  height: 50px;
}

<div>

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Div Secara Mendatar Dalam Bekas dengan Dimensi Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!