前端 - css在chrome中审查元素有个奇怪的问题

问题描述

问 题

打开这里页面http://amazeui.org/css/badge

我想审查一下紫色箭头所指的那个间隔，看看间隔是多少向素，结果在chrome里看不到关于这个间隔的相关属性，请问是什么原因呢？

有朋友说到是display:inline-block的原因
我把display:inline-block在审查元素取消，发现上下方向上的间隔消失了，但是左右方向上的任然存在莫名奇妙的间隔

解决方案

其实是回车符的间隔

// 这样写会有默认间隔
<span class="am-badge">1</span>
<span class="am-badge am-badge-primary">2</span>

// 这样就不会有了
<span class="am-badge">1</span><span class="am-badge am-badge-primary">2</span>

这篇关于前端 - css在chrome中审查元素有个奇怪的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！