Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memaparkan Elemen DIV Secara Mendatar Daripada Menegak?
Memaparkan Elemen DIV Sebaris
Kod HTML yang disediakan memaparkan elemen DIV secara bertindan, satu di bawah yang lain. Walau bagaimanapun, hasil yang diingini ialah DIV ini dipaparkan sebaris, dijajarkan secara mendatar.
Dalam HTML yang disediakan:
<div>foo</div><div>bar</div><div>baz</div>
DIV ini akan muncul sebagai tiga baris berasingan, dengan "foo" pada baris pertama, "bar" pada baris kedua dan "baz" pada baris ketiga.
Untuk memaparkan DIV ini sebaris, ia adalah disyorkan untuk menggunakan elemen SPAN sebaliknya. Elemen SPAN, secara lalai, memaparkan sebaris, yang bermaksud ia akan berbaris secara mendatar. Kod yang diubah suai akan kelihatan seperti ini:
<span>foo</span><span>bar</span><span>baz</span>
Sekarang, apabila diberikan, "foo", "bar" dan "baz" akan muncul bersebelahan antara satu sama lain pada baris yang sama.
Adalah penting untuk ambil perhatian bahawa DIV sebaris tidak standard dan boleh membawa kepada tingkah laku yang tidak dapat diramalkan. Dalam kebanyakan kes, adalah amalan terbaik untuk menggunakan elemen SPAN untuk paparan sebaris sebaliknya.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Elemen DIV Secara Mendatar Daripada Menegak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!