Comment éliminer l'écart entre les balises causé par les compétences d'attribut_javascript de bloc en ligne

1. Définissez un élément parent pour l'élément inline-block.

Définissez la taille de la police de l'élément parent : 0 ;. Définissez la taille de police de l'élément enfant sur une taille appropriée. Si la taille de police de l'élément enfant n'est pas définie, l'élément enfant héritera du 0 de l'élément parent ;

2. Définissez un élément parent pour l'élément inline-block. (espacement des lettres : espacement des caractères)

Définissez l'espacement des lettres de l'élément parent sur -4px ou -8px Sauf pour Google, qui est de -8px, les autres sont de -4px. Définissez également l'espacement des lettres de l'élément enfant : 0 ; sinon, ce sera

.

Hérite de l'élément parent, provoquant la déformation du texte de l'élément enfant.

Après test, je l'ai réglé sur -8px. Il n'y a pas de différence visuelle. Je ne sais pas si cela est réalisable. Si quelqu'un a des opinions, n'hésitez pas à me le faire savoir.

3. Définissez un élément parent pour l'élément inline-block. (espacement des mots : espacement des mots)

Définissez l'espacement des mots de l'élément parent sur -4px ou -8px, Google, 360 est -8px, Firefox, IE est -4px. Définissez également le word-spacing: 0 de l'élément enfant ; sinon, il héritera de l'élément parent, provoquant la déformation du texte de l'élément enfant.

La même chose que ci-dessus peut également être définie sur -8px

4. Les tests ci-dessus sur Google, Firefox et 360 sont tous testés sur les derniers navigateurs, IE8. S'il vous plaît laissez-nous savoir s'il y a quelque chose qui ne va pas.

Le contenu ci-dessus est le problème d'écart entre les balises causé par l'attribut inline-block introduit par l'éditeur. J'espère qu'il sera utile à tout le monde !