问显示内联导致元素进一步向下推
EN

Stack Overflow用户

提问于 2013-04-20 07:43:59

回答 1查看 53关注 0票数 0

如果你看看我这里的codepen：

http://codepen.io/anon/pen/LHBqs

并将img上的"display: block“更改为"display: inline"，这会导致文本”在休闲环境中的精致餐饮“进一步向下推。

它下面的“精致餐饮”元素是块元素，这是一个块元素，既然块元素不能与行内元素显示在同一行上，那么img标记是块元素还是内联元素又有什么区别呢？

回答已采纳

发布于 2013-04-20 07:53:43

这与边距折叠有关-您的img和它下面的h2具有相互“接触”的边距，但是对于块元素，边距折叠(合并为一个)，而对于内联元素，它们不是这样的，它们都适用，因此产生了额外的空间。

查看这篇文章- http://www.howtocreate.co.uk/tutorials/css/margincollapsing

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16114988

复制

相似问题

问显示内联导致元素进一步向下推EN