html如何消除《a》的间隔,Html Issue | 如何清除a、input等标签之间的默认留白间距...

即使我们使用了类似 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式,也会发现类似 标签这类的inline-block元素之间也还存在着默认留白间距。 如下所示：

#Python

#Django

通过以下办法可以将默认留白间距去掉

方法一：font-size:0(推荐使用)

#Python

#Django

.demo{

font-size: 0;

}

.demo a{

font-size: 14px; /*覆盖父级字体设置*/

}

方法二：a标签内容写在一行(谨慎使用)

#Python#Django

因为这种间距是由于元素留白引起的，所以，当我们把代码写在同一行的时候，间距也可消除。 但是考虑到代码的可读性，这种方法建议谨慎使用！

方法三：float浮动(兼容性)

#Python

#Django

.demo{

display: -webkit-box;

display: -webkit-flex;

display: flex;

justify-content: center;

}

.demo a{

float: left;

}

方法四：letter-spacing(兼容性良好可以使用)

#Python

#Django

.demo{

letter-spacing: -999px;

}

.demo a{

letter-spacing: 0;

}