如何删除这些神秘空间?

时间:2015-05-21 13:44:17

标签: html css

提前抱歉愚蠢的问题 - 我有一个容器和5个内部div。当内部div只有文本内容时,它看起来像这样: without content
但是,如果我从所有div中删除文本内容并首先添加带有跨度的div,它将如下所示 with div and spans in it
如果除了第一个(具有混合内容)之外的所有div都有文本内容 - 如下所示: enter image description here
容器的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搞砸了?

1 个答案:

答案 0 :(得分:7)

这就是display: inline-block;在您放入一些内容时的行为方式。如果您向vertical-align: top; CSS选择器添加.list > div,那么它们将重新对齐到其容器的顶部无论内容如何。