Rumah > hujung hadapan web > tutorial css > Bagaimana Memaksa Pemutusan Baris Selepas Koma dalam HTML Tanpa Menggunakan Ruang Tidak Memecah?

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

Patricia Arquette
Lepaskan: 2024-10-27 02:26:02
asal
300 orang telah melayarinya

How to Force Line Breaks After Commas in HTML Without Using Non-Breaking Spaces?

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan