饥人谷技术博客

去除inline-block元素间距的几种方法

2015-12-15  本文已影响271人  饥人谷_张洋源

当我们使用inline-block 时,会出现空白间距问题。

但这些间距对我们的布局,或兼容性产生影响,我们需要去除它,该怎么办?下面简单介绍几种方法:

1.去掉html元素之间的空格,直接写在一行。

2.使用margin负值,通常可设置为margin:-4px

3.使用font-size:0。父元素设置为font-size:0,再把inline-block元素重新设置font-size;

4.使用float,不用inline-block。

上一篇 下一篇

猜你喜欢

热点阅读