css - 两个内联 block <span> 元素之间的间隙

标签 css

<分区>

我在 html 中一起创建了两个元素,并使每个元素成为一个内联 block 。我发现这两个元素之间始终存在间隙,但实际上我没有为它们设置任何填充/边距属性。有人能告诉我为什么以及如何弥补这个差距吗?

最佳答案

CSS:

span {
  display: inline-block;
}

HTML:

<span>This will have</span>
<span>a gap between the elements</span>

<span>This won't have</span><span>a gap between the elements</span>

关于css - 两个内联 block <span> 元素之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10207992/

相关文章:

通过数据属性的 CSS 样式在 IE 上无法正常工作

css - 如果我正确使用 body 位置 :absolute and display:flex 有什么好处

html - 试图理解 CSS 和 Box-sizing : Border-box property

javascript - HTML jquery 可折叠表格

javascript - 如何在ant design中自定义和更改菜单的颜色?

html - 为什么这些 div 消失了?

css - `width` 和 `height` 默认设置的区别

css - 如何使表格单元格边框在 css 中粘在一起?

jquery - 以编程方式启动 div 并发出关闭相同 div 的问题,遇到没有匹配开始标记的结束标记 "div"。

javascript - 根据操作系统分辨率和 CSS 位置,会出现轻微的空间