5列，2列是margin-top：height

Question

我在一个容器中有5个列，我想要2个margin-top：50p;其他3人仍然保持领先。而不是跟随其他人。

.container {
    width: 960px;
    margin: 0 auto;
    background-color: #fff;
}

.column {
    width: 19%;
    height: 100px;
    display: inline-block;
    background-color: #039BE5;
}

.margin {
    margin-top: 50px;
}

<div class="container">
    <div class="column"></div>
    <div class="column margin"></div>
    <div class="column"></div>
    <div class="column margin"></div>
    <div class="column"></div>
</div>

Answer 1

默认情况下，内联元素在基线上垂直对齐。只需将列的垂直对齐方式更改为文本顶部即可。

JLabel