Bagaimana untuk melaksanakan paparan html tanpa pemisah baris

Contohnya:

<nobr>这是一段不换行的文字</nobr>

Kesan yang dipaparkan dalam penyemak imbas ialah: ini ialah sekeping teks tanpa pemisah baris.

2. Gunakan sifat ruang putih CSS

Sifat ruang putih dalam CSS boleh mengawal cara aksara ruang putih dalam elemen dipaparkan. Ia mempunyai beberapa nilai sepunya:

• biasa: peraturan melanggar baris biasa.
• nowrap: Teks tidak boleh dibalut melainkan teg <br> ditemui.
• pra: Kekalkan jujukan ruang putih, tetapi balut seperti biasa (hanya apabila menemui teg <br> atau aksara baris baharu yang dinyatakan secara eksplisit).
• pra-bungkus: Kekalkan jujukan ruang putih, tetapi balut garisan seperti biasa.
• pra-baris: gabungkan jujukan ruang putih, tetapi balut seperti biasa (hanya apabila menemui teg <br> atau baris baharu yang dinyatakan secara eksplisit).

Contohnya:

<p style="white-space:nowrap;">这是一段不换行的文字</p>

Kod di atas boleh menjadikan teks dipaparkan tanpa dibalut.

Jika anda mahu teks yang terkandung dalam elemen tidak dibalut, anda boleh menambah white-space:nowrap;

3. Gunakan sifat limpahan teks CSS

Sifat limpahan teks dalam CSS boleh menentukan perkara yang perlu dilakukan apabila teks melimpahi bekas. Ia mempunyai nilai sepunya berikut:

• klip: potong teks dan bahagian limpahan tidak dipaparkan.
• elipsis: Gantikan bahagian limpahan dengan elipsis.
• rentetan: Gantikan bahagian limpahan dengan rentetan yang ditentukan.

Contohnya:

<p style="width:100px;overflow:hidden;text-overflow:ellipsis;">这是一段会溢出的文字，被省略号替代。</p>

Kod di atas menetapkan lebar bekas teks kepada 100px, dan bahagian yang melimpah digantikan dengan elips supaya teks tidak dibalut.

Perlu diambil perhatian bahawa atribut limpahan teks hanya akan berkuat kuasa apabila ruang putih ditetapkan kepada nowrap atau pra-bungkus.

Ringkasan