提前抱歉愚蠢的问题 - 我有一个容器和5个内部div。当内部div只有文本内容时,它看起来像这样:
但是,如果我从所有div中删除文本内容并首先添加带有跨度的div,它将如下所示
如果除了第一个(具有混合内容)之外的所有div都有文本内容 - 如下所示:
容器的CSS:
.list > div {
background-image: url();
background-size: cover;
box-sizing: padding-box;
display: inline-block;
font-size: 15px;
height: 100%;
max-height: 752px;
max-width: 1280px;
padding: 0.7% 1.3% 0.3%;
}
内部div的CSS:
- copy the JAR into C:\Program Files\icCube\5.1\lib
- restart icCube
Here您可以查看整个HTML和CSS。
发生了什么事,是不是有些textNodes搞砸了?
答案 0 :(得分:7)
这就是display: inline-block;
在您放入一些内容时的行为方式。如果您向vertical-align: top;
CSS选择器添加.list > div
,那么它们将重新对齐到其容器的顶部无论内容如何。