5列,2列是margin-top:height

时间:2017-01-10 20:17:09

标签: html css3

我在一个容器中有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>

1 个答案:

答案 0 :(得分:2)

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

JLabel