Il y a quelque temps, j'ai répondu à cette question sur Stack Overflow:
/programming/5078239/how-to-remove-the-space-between-inline-block-elements
Le problème est que les éléments avec display: inline-block
ont des "espaces supplémentaires", en raison d'être affectés par des espaces dans le HTML, voir: http://jsfiddle.net/thirtydot/4z4v2/
Comme indiqué, les lacunes peuvent être supprimées en supprimant les espaces dans le HTML. Cependant, la suppression de cet espace est parfois une solution indésirable: par exemple, cela rend le HTML plus difficile à utiliser.
J'ai donc suggéré cette solution: http://jsfiddle.net/thirtydot/4z4v2/1/
ul {
font-size: 0;
letter-spacing: -1px;
}
li {
font-size: medium;
letter-spacing: normal;
}
( letter-spacing
est nécessaire pour éliminer complètement l'écart dans Safari)
Et c'était ça ..
.. jusqu'à ce qu'un commentaire apparaisse lorsque cette technique a été suggérée dans une autre réponse :
Soyez prudent avec ce code car il peut être interprété par les robots d'indexation comme un abus car vous cachez explicitement du texte à l'intérieur d'un élément contenant des liens. Il est vrai que les liens eux-mêmes sont visibles grâce à une règle de spécificité plus élevée, mais les robots d'indexation Web voient toujours un tas de liens à l'intérieur d'un conteneur qui dit à tous ses ancêtres de cacher leur contenu textuel.
Je l' ai utilisé cette technique que sur un emplacement (..Je habituellement supprimez les espaces blancs), et le site n'a classé correctement sur Google (pas de lien, désolé). Si cela est important, le site propose des pages ciblées très spécifiquement au format "Phrase + Emplacement": à titre d'exemple fictif "Zombie Chopper Ravenholm".
Je ne me soucie que de Google, mais les réponses concernant les autres moteurs de recherche sont également les bienvenues.
Donc, ma question est:
La simple présence d' font-size: 0
un risque pour le référencement, même si aucun texte n'est jamais réellement caché?