div之间的这个额外空间来自哪里？

Question

http://www.lethalmonk6.byethost24.com/index.html

如果用firebug检查"project-link"div之间的间距,每个div之间有一些增加边距的像素.我将余量设置为20 px,然后添加这些小位.它来自哪里？

Answer 1

您正在使用,display:inline-block因此元素之间的空白区域就是您所看到的.您可以删除div之间的空白区域,也可以使用float: left.

详细说明...如果你正在使用display: inline-block这样做:

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

而不是这个:

<div></div>
<div></div> // White space is added because of the new line