Bagaimana Saya Lumpuhkan Pembungkusan Perkataan dalam HTML?

Mematikan Pembungkusan Perkataan dalam HTML: Panduan Lengkap

Walaupun banyak tugas pembangunan web yang mudah, nuansa tertentu boleh membingungkan. Satu cabaran sedemikian ialah melumpuhkan pembungkusan perkataan dalam HTML, yang boleh mengganggu persembahan kandungan yang anda inginkan.

Sifat Enigmatik CSS Word-Wrap

Css word-wrap hartanah menawarkan kawalan ke atas cara teks dibungkus dalam elemen. Secara lalai, ia ditetapkan kepada "biasa", membenarkan teks dibalut mengikut keperluan. Walau bagaimanapun, apabila terpaksa menggunakan "kata putus", tiada laluan yang jelas untuk melumpuhkannya secara eksplisit.

Masukkan Penyelamat Ruang Putih

Ruang putih CSS atribut datang untuk menyelamatkan dalam situasi ini. Ia mengawal cara ruang putih (termasuk pemisah baris) dikendalikan dalam elemen.

Lumpuhkan Pembungkusan Perkataan dengan ruang putih: nowrap

Menggunakan ruang putih: nilai nowrap mengarahkan penyemak imbas untuk menghalang teks daripada membungkus. Ini bermakna garisan akan berterusan selama-lamanya tanpa putus, tanpa mengira lebar elemen.

Gunakan ruang putih: pra untuk Ruang Putih Terpelihara

Pilihan lain ialah ruang putih: pra. Tetapan ini mengekalkan semua ruang putih sedia ada, termasuk pemisah baris, dalam elemen. Walau bagaimanapun, tidak seperti nowrap, ia membenarkan teks mengalir secara semula jadi dalam lebar yang ditentukan.

Mata Tambahan untuk Nota:

• Gunakan ruang kosong: nowrap apabila anda mahu menyimpan teks pada satu baris, walaupun ia melebihi lebar elemen.
• Gunakan ruang putih: pra apabila mengekalkan pemformatan asal, termasuk pemisah baris, adalah penting.
• Kedua-dua nilai ruang putih berfungsi bersama-sama dengan sifat CSS lain untuk mengawal reka letak teks.

Atas ialah kandungan terperinci Bagaimana Saya Lumpuhkan Pembungkusan Perkataan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!