行内元素之间间距的产生与去除

Posted tuna

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行内元素之间间距的产生与去除相关的知识,希望对你有一定的参考价值。

好多随笔都是栽过的坑,然而谁不是这么过来的呢O(∩_∩)O~~

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

其实之前也模模糊糊记得这个问题,但是内存不够,又没有仔细研究,所以忘了,以致于栽了。。

网上基本上说的都是“inline-block间距”,然而本菜鸡求严谨,更贴切地说,应该是inline和inline-block。

技术分享技术分享

即使我已经用通配符清除内外边距了,默认情况还是会有边距存在,如上。

这是由于span之间的回车换行符引起的

解决方案:

1、

技术分享

2、

技术分享

3、

技术分享

它们的共同点是,不要正常地换行(笑~)

回车换行符不要出现在两个标签之间,而是出现在标签内部

 

这里只是三个兼容性好而且简单无害的方法。更多方法点这里

 

大脑内存有限嘛,择优掌握。

当然,掌握越多好,而且有利于装逼

 

以上是关于行内元素之间间距的产生与去除的主要内容,如果未能解决你的问题,请参考以下文章

关于去除2个inline-block之间的间距

如何在行内的元素之间给出间距

去除行内元素之间的间隙

行高引起的行内块级元素间距

消除行内元素的间距

行内元素之间产生水平间隙的原因及解决方案