So beseitigen Sie die Lücke zwischen Tags, die durch die Fähigkeiten des Inline-Blocks attribute_javascript verursacht wird

1. Legen Sie ein übergeordnetes Element für das Inline-Block-Element fest.

Legen Sie die Schriftgröße des übergeordneten Elements fest: 0;. Stellen Sie die Schriftgröße des untergeordneten Elements auf eine geeignete Größe ein. Wenn die Schriftgröße des untergeordneten Elements nicht festgelegt ist, erbt das untergeordnete Element die 0 des übergeordneten Elements

2. Legen Sie ein übergeordnetes Element für das Inline-Block-Element fest. (letter-spacing: Zeichenabstand)

Stellen Sie den Buchstabenabstand des übergeordneten Elements auf -4px oder -8px ein, mit Ausnahme von Google, das -8px beträgt, der Rest beträgt -4px. Stellen Sie außerdem den Buchstabenabstand des untergeordneten Elements ein: 0; andernfalls lautet er

Erbt das übergeordnete Element, wodurch der Text im untergeordneten Element deformiert wird.

Nach dem Test habe ich es auf -8px eingestellt. Ich weiß nicht, ob das machbar ist.

3. Legen Sie ein übergeordnetes Element für das Inline-Block-Element fest. (Wortabstand: Wortabstand)

Stellen Sie den Wortabstand des übergeordneten Elements auf -4px oder -8px ein, Google, 360 ist -8px, Firefox, IE ist -4px. Stellen Sie außerdem den Wortabstand des untergeordneten Elements auf 0 ein. Andernfalls wird das übergeordnete Element geerbt, wodurch der Text im untergeordneten Element deformiert wird.

Das Gleiche wie oben kann auch auf -8px

eingestellt werden

4. Die oben genannten Tests auf Google, Firefox und 360 wurden alle auf den neuesten Browsern, IE8, getestet. Bitte teilen Sie uns mit, wenn etwas nicht stimmt.

Der obige Inhalt ist das Lückenproblem zwischen Tags, das durch das vom Editor eingeführte Inline-Block-Attribut verursacht wird. Ich hoffe, es wird für alle hilfreich sein!