我正在处理一些div设置为display:inline-block并具有height和的width。在HTML中,如果在每行之后都有一个换行符,则会div在div的右侧和底部自动添加5px的边距。
div
display:inline-block
height
width
例:
<div>Some Text</div> <div>Some Text</div>
是否有我忽略的属性可以让我重置自动保证金?
更新资料
从我发现的结果来看,没有任何方法可以消除空白…除非您将所有内容都放在同一行,或者添加注释以注释掉换行符。例:
<div>Some Text</div><!-- --><div>Some Text</div>
这不是最佳的解决方案,但是如果您有多行,它仍然更易于阅读。
div被视为内联元素。就像两个跨度之间的空格或换行会产生间隙一样,内联块之间也是如此。您可以给它们负的边距,也可以word-spacing:-1;在周围的容器上放置。
word-spacing:-1;