Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menjajarkan DIV Secara Mendatar Dalam DIV Bekas?

Bagaimana untuk Menjajarkan DIV Secara Mendatar Dalam DIV Bekas?

Patricia Arquette
Patricia Arquetteasal
2024-10-31 19:32:29710semak imbas

How to Horizontally Align DIVs Within a Container DIV?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn