Comment utiliser la propriété CSS content
pour ajouter des entités HTML ?
En utilisant quelque chose comme ça, on imprime simplement
à l'écran au lieu de l'espace insécable :
.breadcrumbs a:before {
content: ' ';
}
Vous devez utiliser l'unicode échappé :
Comme
.breadcrumbs a:before {
content: '\0000a0';
}
Plus d'informations sur : [http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/] [1]
[1] : http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/
Mise à jour : PointedEars mentionne que l'équivalent correct de
dans toutes les situations css serait
'\a0'
, ce qui implique que l'espace est un terminateur de la chaîne hexadécimale et est absorbé par la séquence échappée. Il a également signalé cette [description faisant autorité][1] qui semble être une bonne solution au problème que j'ai décrit et corrigé ci-dessous.
Ce que vous devez faire, c'est utiliser l'unicode échappé. Malgré ce que l'on vous a dit, \00a0
n'est pas un substitut parfait de
dans les CSS ; essayez donc :
content:'>\a0 '; /* or */
content:'>\0000a0'; /* because you'll find: */
content:'No\a0 Break'; /* and */
content:'No\0000a0Break'; /* becomes No Break as opposed to below */
En utilisant spécifiquement \0000a0
comme
.
Si vous essayez, comme suggéré par mathieu et millikin :
content:'No\00a0Break' /* becomes Noreak */
Il prend le B dans les caractères échappés en hexadécimal. La même chose se produit avec 0-9a-fA-F.
[1] : http://www.w3.org/TR/CSS2/syndata.html#escaped-characters