Bagaimana Menggunakan Entiti HTML (Seperti Ruang Tidak Memecah) dengan Harta `kandungan` CSS?

Memasukkan Entiti HTML ke dalam CSS dengan Harta Kandungan

Soalan:

Bagaimanakah sifat kandungan CSS boleh digunakan untuk menggabungkan entiti HTML, khususnya ruang yang tidak pecah, ke dalam paparan?

Penyelesaian:

Bertentangan dengan apa yang kelihatan intuitif, hanya menggunakan ' ' entiti dalam sifat kandungan, seperti dalam contoh di bawah, tidak akan menyebabkan ruang tidak putus yang diingini:

.breadcrumbs a:before {
  content: ' ';
}

Untuk berjaya memaparkan entiti HTML menggunakan kandungan CSS, titik kod Unicode mesti dilepaskan. Contohnya:

.breadcrumbs a:before {
  content: '00a0';
}

Di sini, ' 000a0' mewakili titik kod Unikod untuk ruang yang tidak pecah, dengan cekap memasukkannya ke dalam kandungan CSS.

Atas ialah kandungan terperinci Bagaimana Menggunakan Entiti HTML (Seperti Ruang Tidak Memecah) dengan Harta `kandungan` CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!