How to eliminate the gap between tags caused by the inline-block attribute_javascript skills

1. Set a parent element for the inline-block element.

Set the font-size of the parent element: 0;. Set the font-size of the child element to an appropriate size. If the font-size of the child element is not set, the child element will inherit the 0 of the parent element;

2. Set a parent element for the inline-block element. (letter-spacing: character spacing)

Set the letter-spacing of the parent element to -4px or -8px. Except for Google, which is -8px, the rest are -4px. Also set the letter-spacing of the child element: 0; otherwise it will be

Inherits the parent element, causing the text in the child element to be deformed.

After testing, I set it to -8px. There is no visual difference. I don’t know if this is feasible. If anyone has any opinions, please feel free to tell me.

3. Set a parent element for the inline-block element. (word-spacing: word spacing)

Set the word-spacing of the parent element to -4px or -8px, Google, 360 is -8px, Firefox, IE is -4px. Also set the word-spacing: 0 of the child element; otherwise, it will inherit the parent element, causing the text in the child element to be deformed.

The same as above can also be set to -8px

4. The above tests on Google, Firefox, and 360 are all tested on the latest browsers, IE8. Please let us know if there is anything wrong.

The above content is the gap problem between tags caused by the inline-block attribute introduced by the editor. I hope it will be helpful to everyone!