Question

我构建了四个包含内容的div框。首先，它是盲目的，并没有问题。但是现在，当我想将我的内容放入框中并且我将一些文本放入第一个框中时，其他三个文本的下降量相同。

第二件事是，有什么方法可以让文字更紧凑吗？就像盲文所在的其他三个方框一样。因为在第一个单词之间有很多空间。我听说过关于css break的事情？但我不知道这是不是正确的。

.skillcontainer {
max-width: 23%;
min-width: 200px;
display: inline-block;
position: relative;
margin-left:1.4em;
}

Here你可以看到我的意思。还有文本，例如，如果你使窗口更大，你会看到22％以下有空格。

Answer 1

无需浮动它们......您只需要添加

 .wrapper {vertical-align:top; }

到你的代码......因为内部项是内联块。

Answer 2

漂浮他们！

.skillcontainer {
max-width: 23%;
min-width: 200px;
display: block;
position: relative;
margin-left: 1.4em;
float: left;
}