How to clear the default spacing of inline-block elements

This article mainly introduces how to clear the default spacing of inline-block elements, which is very detailed and has a certain reference value. Friends who are interested must read it!

Sample code

.content {letter-spacing:-0.5em.} .content .box {letter-spacing: normal;} .content2 {font-size: 0;} .content2.box {font-size: initial;} .box {width: 200px; height: 100px Background-color: # EEEEEE; display: inline-block; vertical-align: top } default state box 1 box 2 box 3 box 4 box 5 method-letter-spacing:-0.5em box 1 box 2 box 3 box 5 method 2 font- Size: 0 box 1 box 2 box 3 box 4 box 5

The effect of the implementation is as follows

The above is all the content of the article "how to clear the default spacing of inline-block elements". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!