Bagaimana untuk Memaparkan Elemen DIV Sebaris Tanpa Gelagat Tidak Dijangka?

Menggayakan Elemen DIV untuk Paparan Sebaris

Elemen div, secara lalai, dipaparkan sebagai elemen peringkat blok, menduduki barisnya sendiri apabila dipaparkan dalam laman web. Walau bagaimanapun, terdapat senario di mana ia adalah wajar untuk membentangkannya sebaris, mengalir secara mendatar tanpa pemisah baris.

Soalan:

Memandangkan kod HTML berikut:

<div>foo</div><div>bar</div><div>baz</div>

Bagaimana kita boleh menjadikan div ini dipaparkan sebagai jujukan sebaris seperti:

foo bar baz

bukannya muncul sebagai:

foo
bar
baz

Jawapan:

Walaupun mungkin untuk membuat paparan div sebaris menggunakan CSS secara paksa teknik seperti paparan: blok sebaris, ini boleh mengakibatkan tingkah laku yang tidak dijangka dan biasanya tidak digalakkan. Penyelesaian yang lebih sesuai ialah menggantikan elemen div dengan elemen span, yang sememangnya elemen sebaris.

Kod berikut menunjukkan pendekatan ini:

<span>foo</span><span>bar</span><span>baz</span>

Ini akan menjadikan teks sebaris sebagai:

foo bar baz

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Elemen DIV Sebaris Tanpa Gelagat Tidak Dijangka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!