Rumah > Artikel > hujung hadapan web > Bagaimana untuk melumpuhkan pemisah baris dalam css
Dalam era Internet, yang terbiasa dengan susun atur penstriman, kebanyakan kandungan disesuaikan secara berskala. Dalam susun atur sedemikian, pemisah baris diperlukan untuk memastikan integriti dan kelancaran kandungan. Walau bagaimanapun, dalam beberapa situasi, kita perlu menggunakan susun atur tetap, dan kemudian kita perlu melarang pemisah talian.
Mengapa kita perlu melumpuhkan pemutus talian?
Untuk beberapa senario tertentu, seperti memaparkan kod, jadual dan maklumat lain, reka letak tetap diperlukan. Dalam senario ini, kita perlu menggunakan ruang secara rasional dengan mengehadkan pembalut teks untuk memastikan intuitif dan kebolehbacaan kandungan.
Sebagai contoh, apabila kita memaparkan sekeping kod, jika teks dibalut secara automatik, kebolehbacaan kod akan berkurangan, malah sukar untuk membezakan pembolehubah dan kata kunci. Dan jika kita mengehadkan pembalut baris teks, kita boleh menjadikan struktur kod lebih padat dan memaparkannya perkataan demi perkataan, yang lebih kondusif untuk pemahaman dan pembelajaran.
Adegan lain ialah memaparkan jadual. Dalam jadual, biasanya terdapat pengepala lajur, data, maklumat statistik, dsb. Jika jadual mempunyai terlalu banyak lajur, pembalut teks automatik akan mengurangkan kebolehbacaan jadual dengan banyak, menjadikan kandungan mengelirukan dan sukar untuk dibezakan. Mengehadkan pembalut baris teks boleh menjadikan setiap lajur jadual lebih jelas dan lebih intuitif, menjadikannya lebih mudah untuk memerhati, membandingkan dan menganalisis.
Bagaimana untuk menghalang teks daripada dibalut?
Dalam CSS, kita boleh menggunakan atribut "ruang putih" untuk mengawal cara pembalut teks. Secara lalai, nilai atribut ini ialah "biasa", yang bermaksud pembalut baris automatik apabila menemui sempadan.
Jika kita perlu melarang pembalut teks, kita boleh menetapkan nilai atribut ruang putih. Nilai dan fungsi khusus adalah seperti berikut:
Kod sampel:
p tanpa bungkus { white-space: nowrap; }
p pra { white-space: pra; { white-space: pra-bungkus; }
p pra-garis { white-space: pra-garis; . Dengan menetapkan nilai yang berbeza, kami bebas mengawal cara pembalut teks.
Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan pemisah baris dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!