我想显示两个div内联,一个div是25%,另一个是75%,当我使用时:
display: inline-block;
Run Code Online (Sandbox Code Playgroud)
它似乎在两个div之间产生了差距,这显然会导致75%的分数下降.
如何消除差距?我用了:
vertical-align: top;
Run Code Online (Sandbox Code Playgroud)
这已经消除了最大的差距...现在只需要边缘差距.
在这里看到jsfiddle.
问题是你的两个div元素之间有一个空白区域,并且因为它们是内联块显示,所以它呈现为常规文本中两个字母之间的空格.
解决方案是在容器上使用负字间距:
word-spacing: -1em;
Run Code Online (Sandbox Code Playgroud)
在此处查看更多内容:在内联块元素之间进行战斗
此处还显示:内联块额外边距
| 归档时间: |
|
| 查看次数: |
202 次 |
| 最近记录: |