Bagaimana untuk Menyuntik Teks Berbilang Baris ke dalam Unsur Pseudo CSS?

Menyuntik Teks Berbilang Baris ke dalam Elemen Pseudo

Apabila mengubah suai kandungan halaman web semata-mata melalui pengubahsuaian CSS, ia mungkin perlu untuk memasukkan berbilang -baris teks ke dalam ::selepas atau ::sebelum pseudo-elemen. Walaupun pemisah baris HTML tradisional tidak disokong dalam konteks ini, menggunakan jujukan melarikan diri menyediakan penyelesaian.

Penyelesaian

Sifat kandungan CSS membenarkan kemasukan pemisah baris oleh membenamkan urutan pelarian "A" ke dalam rentetan kandungan. Walau bagaimanapun, pemisah baris yang terhasil kekal tertakluk pada sifat 'ruang putih'. Oleh itu, untuk mengekalkan format berbilang baris, adalah penting untuk menetapkan 'white-space: pre;' atau 'ruang putih: pra-bungkus;'.

Contohnya:

#headerAgentInfoDetailsPhone::after {
  content: "Office: XXXXX \A Mobile: YYYYY ";
  white-space: pre; /* or pre-wrap */
}

Pengesyoran

Untuk keserasian silang yang dipertingkatkan, ia adalah dinasihatkan untuk menggunakan jujukan " 0000a" dan bukannya "A" apabila mengendalikan pemisah baris Unicode. Pendekatan ini memastikan pemisah baris yang tepat di tengah-tengah ketidakpastian manipulasi rentetan yang berpotensi.

Atas ialah kandungan terperinci Bagaimana untuk Menyuntik Teks Berbilang Baris ke dalam Unsur Pseudo CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!