【CSS】inline和inline-block的间距

我们发现,inline和inline-block都会引起间距和空格,而这两个属性又是我们经常使用的,所以这篇博文显得尤为重要。哈哈…

  1. 直接将空格删除,也就是说在html里将两个标签写在一行且中间不要留有空格
  2. 在换行代码中间嵌入注释,如下:
<div style="display:inline-block"></div><!--
--><div style='display:inline-block'></div>
  1. 设置后一个margin-left为负值,但是注意每个浏览器的间距不尽相同
  2. 给父元素添加font-size:0;
  3. 给父级元素添加 letter-spacing负值,通过子元素清除letter-spacing 值。

猜你喜欢

转载自blog.csdn.net/liu_jiachen/article/details/78633092