Bagaimana untuk Menjajarkan DIV Secara Mendatar Dalam DIV Bekas?

Menjajarkan DIV Secara Mendatar

Apabila cuba memusatkan DIV secara mendatar dalam DIV bekas, anda mungkin menghadapi masalah penjajaran. Ini boleh berlaku atas beberapa sebab. Untuk membetulkan masalah, pertimbangkan penyelesaian berikut:

Gunakan Paparan Blok Sebaris Daripada Terapung

Daripada menggunakan sifat terapung, pertimbangkan untuk menggunakan paparan: sebaris- atribut blok. Ini akan memastikan bahawa DIV dipaparkan sebagai elemen sebaris, membenarkan penjajaran mendatar.

Kod Kemas Kini

Untuk melaksanakan penyelesaian ini, ubah suai kod CSS anda seperti berikut:

<code class="css">.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}</code>

Pelarasan ini akan membetulkan isu penjajaran mendatar, membolehkan DIV diletakkan di tengah-tengah dalam bekas. Perlu diingat bahawa pendekatan ini amat sesuai untuk senario di mana lebar DIV adalah tetap atau agak serupa.

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