Use font-size:0 to remove gaps between inline-block elements

The latest version of modern browser support Inline-block, only the damned IE6, 7 does not support Inline-block, but IE6, 7 can be

Display:inline;
Zoom:1;

To simulate

The following are the Inline-block compatible codes:

View Sourceprint?display:inline-block;*display:inline;*zoom:1;width:100px;vertical-align:top;

But we have found that in the firefox,safari,opera,ie8+ in the Inline-block element will be inexplicably more than 3px spacing, in fact, this is a newline character, if the inline-block element between the line break removed, The distance between the 3px will disappear.

There is no difference in the appearance of the code to remove the gap, the answer is yes.

You can add to the parent element of the Inline-block:

font-size:0;

Then set the font back in Inline-block.

Use font-size:0 to remove gaps between inline-block elements