Bagaimanakah Harta `menjajarkan tegak` berfungsi dengan Elemen Sebaris dan Kotak Garis?

Memahami Sifat Jajaran Menegak

Sifat jajaran menegak mungkin kelihatan membingungkan, menyebabkan pembangun tidak pasti tentang keberkesanannya. Untuk menjelaskan fungsinya, adalah penting untuk menyelidiki selok-beloknya.

Elemen sebaris berfungsi sebagai asas untuk aplikasi penjajaran menegak. Walau bagaimanapun, elemen yang tidak mempunyai ketinggian garisan yang wujud, seperti pengepala (

,

, dll.), memerlukan spesifikasi ketinggian garisan yang jelas. Selain itu, sifat ketinggian elemen yang mengandungi mesti mempunyai nilai statik dan tidak bergantung pada nilai peratusan atau auto.

Selain itu, penjajaran menegak digunakan pada elemen khusus yang bertujuan untuk penjajaran menegak, bukan elemen yang mengandungi.

Dalam contoh jsfiddle yang disediakan, kita dapat mengetahui sebab penjajaran kelihatan tidak konsisten. Jajaran menegak beroperasi dengan menjajarkan elemen berkenaan dengan garis individu (kotak garis), bukan keseluruhan bekas (#luar).

Untuk menggambarkan perkara ini, mari masukkan lebih banyak teks ke dalam contoh:

[Coretan kod tambahan dengan kandungan teks yang dipertingkatkan]

Kini, kami perhatikan bahawa #header dijajarkan dengan betul dalam kotak baris masing-masing. Ini menerangkan sebab ia kelihatan tidak sejajar apabila hanya terdapat satu baris teks pendek.

Atas ialah kandungan terperinci Bagaimanakah Harta `menjajarkan tegak` berfungsi dengan Elemen Sebaris dan Kotak Garis?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!