开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >DIV跳转到奇数位置

问DIV跳转到奇数位置
EN

Stack Overflow用户

提问于 2013-11-07 00:48:25

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

我想弄明白为什么

在本例中的第四个DIV中：

http://jsfiddle.net/WarrickF/884Q9/

我在内容中使用了以下内容：

<div class="xxx1">xxx</div><div class="xxx2">yyy</div>

为什么这个DIV不再和其他的一样？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-07 01:13:39

如果display: inline-block;没有任何内容，它就会有一个有趣的效果。它与vertical-align属性有关。

在内联块div中没有内容(在本例中是浮动内容)时，它似乎假设它是一个图像和垂直对齐默认设置为vertical-align: baseline;，而不是vertical-align: bottom;，后者是包含文本内容的内联块元素的默认设置。

通过将vertical-align: bottom;添加到player类，您可以轻松地修复这个问题。

票数 0

EN

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

原文链接：

https://stackoverflow.com/questions/19825907

复制

相似问题