Bagaimana Memaksa Pemutusan Baris Selepas Koma dalam HTML Tanpa Menggunakan Ruang Tidak Memecah?

Cara Mempengaruhi Pemisah Baris dalam HTML

Dalam HTML, pemisah baris biasanya ditentukan oleh ruang atau pemisah baris lain yang ditetapkan. Walau bagaimanapun, mungkin terdapat keadaan apabila anda ingin mengutamakan pemisah baris di lokasi tertentu, terutamanya selepas koma. Artikel ini meneroka teknik untuk mencapai ini tanpa menggunakan ruang yang tidak pecah.

Elemen

Pendekatan asal dipertimbangkan menggunakan elemen untuk membungkus serpihan teks. Walau bagaimanapun, teknik ini terbukti tidak berkesan.

pembungkus teks: elakkan Harta CSS

Balut teks CSS3: elakkan tingkah laku nampaknya menjanjikan, tetapi ia mungkin memerlukan pertimbangan keserasian penyemak imbas .

Menggunakan display:inline-block Property

The display:inline-block property boleh digunakan pada elemen untuk mengekalkan serpihan teks bersama-sama sebagai blok sebaris.

<code class="css">span.avoidwrap { display:inline-block; }</code>

Dengan membalut teks yang diingini dalam yang diubah suai ini; elemen, ia akan dianggap sebagai satu blok yang membungkus keseluruhannya. Hanya selepas membungkus blok, teks di dalamnya akan dipecahkan kepada serpihan yang lebih kecil jika perlu.

<code class="html"><span class="avoidwrap">Honey Nut Cheerios,</span>
<span class="avoidwrap">Wheat Chex,</span>
<span class="avoidwrap">Grape-Nuts,</span></code>

Pendekatan ini membolehkan anda mengawal pemisah baris dengan lebih halus sambil mengekalkan penampilan visual yang diingini tanpa menggunakan ruang yang tidak pecah yang mengubah lebar keseluruhan tanpa syarat.

Atas ialah kandungan terperinci Bagaimana Memaksa Pemutusan Baris Selepas Koma dalam HTML Tanpa Menggunakan Ruang Tidak Memecah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!