Comment utiliser des entités HTML (comme les espaces insécables) avec la propriété « content » de CSS ?

Incorporation d'entités HTML dans CSS avec la propriété Content

Question :

Comment la propriété de contenu CSS peut-elle être utilisée pour incorporer des entités HTML, en particulier des espaces insécables, dans le afficher ?

Solution :

Contrairement à ce qui peut paraître intuitif, utiliser simplement le ' ' L'entité dans la propriété content, comme dans l'exemple ci-dessous, ne restituera pas l'espace insécable souhaité :

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

Pour afficher avec succès les entités HTML à l'aide du contenu CSS, le point de code Unicode doit être échappé. Par exemple :

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

Ici, « 000a0 » représente le point de code Unicode pour un espace insécable, l'incorporant efficacement dans le contenu CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!