Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah Atribut Data CSS Menghasilkan Aksara Baris Baharu dengan Unsur Pseudo?

Bolehkah Atribut Data CSS Menghasilkan Aksara Baris Baharu dengan Unsur Pseudo?

Barbara Streisand
Barbara Streisandasal
2024-11-13 08:21:02218semak imbas

Can CSS Data Attributes Render Newline Characters with Pseudo-Elements?

Atribut Data CSS, Aksara Baris Baharu dan Nilai Kandungan Elemen Pseudo

Bolehkah anda memasukkan aksara baris baharu dalam atribut data CSS, membenarkannya dipaparkan menggunakan elemen pseudo ? Mari kita terokai senario ini.

Pertimbangkan kod CSS dan HTML berikut:

Dalam senario ini, aksara "a", dijangka menjadi aksara baris baharu dalam CSS, gagal menghasilkan yang diingini hasil.

Penyelesaian:

Untuk mencapai gelagat yang diingini, ubah suai atribut data seperti berikut:

Penjelasan:

  • The tatatanda mewakili aksara baris baharu dalam HTML.
  • Penambahan sifat ruang putih pada elemen pseudo, dicapai melalui "ruang putih: pre;" gaya, mengekalkan ruang putih dalam atribut data.
  • "paparan: blok sebaris;" gaya membenarkan elemen pseudo membalut berbilang baris.
  • Hasilnya, kandungan atribut data, termasuk aksara baris baharu, dipaparkan seperti yang diharapkan.

Atas ialah kandungan terperinci Bolehkah Atribut Data CSS Menghasilkan Aksara Baris Baharu dengan Unsur Pseudo?. 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