Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk melumpuhkan pemisah baris dalam css

Bagaimana untuk melumpuhkan pemisah baris dalam css

PHPz
PHPzasal
2023-04-24 09:11:103284semak imbas

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:

  1. nowrap (tiada pembalut baris): melumpuhkan pembalut baris automatik teks dan memaparkan semua teks dalam satu baris.
  2. pra (pemformatan pratetap): lumpuhkan pembungkusan perkataan automatik teks, tetapi kekalkan semua ruang dan pemisah baris, dan teks akan dipaparkan mengikut format pratetap.
  3. pra-balut (pemformatan pra-balut biasa): lumpuhkan pembalut baris automatik teks, tetapi kekalkan pemisah baris dan teks akan dibalut mengikut format pratetap.
  4. pra-baris (pemformatan pra-baris minimum): lumpuhkan pembalut baris automatik bagi teks, tetapi kekalkan semua ruang dan pemisah baris akan dimampatkan menjadi satu ruang, dan teks akan dibalut dengan baris minimum rehat.

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.

Ringkasan

Dalam sesetengah situasi paparan kandungan tertentu, melarang pembalut teks boleh menjadikan kesan paparan lebih intuitif dan jelas. Melalui sifat ruang putih CSS, kita boleh mengawal cara teks dibalut secara bebas untuk mencapai reka letak yang lebih halus.

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan pemisah baris dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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