html - 如果我将文本放入其中，则 Div 框会向下移动

Question

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

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

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

在这里你可以明白我的意思。还有文字，例如，如果你把窗口放大，你会看到在 22% 以下有空白空间。

score 2 · Accepted Answer

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

 .wrapper {vertical-align:top; }

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

score 1 · Accepted Answer

漂浮他们！

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

2 回答 2