Dans la lignée de cette problématique : ►http://seenthis.net/messages/63585,
J’avais le besoin suivant :
– Pouvoir gérer une séparation visuelle entre groupes de chiffres (nombres dépassant le millier)
– Que ces nombres soient copiables / collables dans un autre logiciel (tableur...) sans espaces « parasites »
Je m’en suis sorti en faisant :
HTML : 101<span class="num_sep"></span>270<span class="num_sep"></span>484
CSS : .num_sep:after{content :"\202F" ;}
J’ai préféré l’utilisation du « narrow no break space » (U+202F) au « thin space » (U+2009), car j’avais un rendu plus homogène entre mes navigateurs cibles (IE>=8, Firefox, Chrome).
La solution que j’avais utilisé en premier, un span vide pourvu d’une marge, n’était pas satisfaisante car, quand le nombre en question était encapsulé dans un lien, le soulignement (text-decoration:underline ;) n’était pas appliqué sur les spans vides.
Il faut bien noter que c’est une solution valable uniquement pour IE>=8 : ►http://caniuse.com/#search=:after
#html #css #webdev #webdesign