两个<div>标签之间的间隙与display:inline-block

时间:2015-09-30 16:17:56

标签: html

因此,我正在使用display:inline-block在HTML中并排放置2个<div>标记。它们没有边距,也没有填充。

两个<div>标签之间似乎仍存在差距。

我的问题是为什么首先存在差距。不应该<div>彼此相邻吗?这是规范的工件吗?这种情况发生在浏览器(在IE和Chrome上测试)

这是一张图片 enter image description here http://jsfiddle.net/v60e8wm5/1/

1 个答案:

答案 0 :(得分:2)

由于显示内容不足,因此<b>Hello,</b> World之间有空格,它们之间有空格。

因为标签之间有空格

<div>Test</div>
<div>Test</div>

使用

进行测试
<div>Test</div><div>Test</div>

<div>Test</div><!--
--><div>Test</div>