内联块如何消除差距

Ste*_*is_ 1 html css

我想显示两个div内联,一个div是25%,另一个是75%,当我使用时:

display: inline-block; 
Run Code Online (Sandbox Code Playgroud)

它似乎在两个div之间产生了差距,这显然会导致75%的分数下降.

如何消除差距?我用了:

vertical-align: top; 
Run Code Online (Sandbox Code Playgroud)

这已经消除了最大的差距...现在只需要边缘差距.

在这里看到j​​sfiddle.

Ita*_*tay 7

问题是你的两个div元素之间有一个空白区域,并且因为它们是内联块显示,所以它呈现为常规文本中两个字母之间的空格.

解决方案是在容器上使用负字间距:

word-spacing: -1em;
Run Code Online (Sandbox Code Playgroud)

jsFiddle演示


在此处查看更多内容:在内联块元素之间进行战斗

此处还显示:内联块额外边距