小编典典

显示:内联块额外保证金

html

我正在处理一些div设置为display:inline-block并具有height和的width。在HTML中,如果在每行之后都有一个换行符,则会div在div的右侧和底部自动添加5px的边距。

例:

<div>Some Text</div>
<div>Some Text</div>

是否有我忽略的属性可以让我重置自动保证金?

更新资料

从我发现的结果来看,没有任何方法可以消除空白…除非您将所有内容都放在同一行,或者添加注释以注释掉换行符。例:

<div>Some Text</div><!--
--><div>Some Text</div>

这不是最佳的解决方案,但是如果您有多行,它仍然更易于阅读。


阅读 260

收藏
2020-05-10

共1个答案

小编典典

div被视为内联元素。就像两个跨度之间的空格或换行会产生间隙一样,内联块之间也是如此。您可以给它们负的边距,也可以word-spacing:-1;在周围的容器上放置。

2020-05-10