当我创建页面博客时,我有不同大小的poste,我找到了这个
但我想要这个
这是我的代码:
.col{
width: 500px;
margin: 0 1.5% 10px 1.5%;
border: solid thin #363636;
float: left;
}
.col-1{height: 100px;}
.col-2{height: 50px;}
.col-3{height: 340px;}
.col-4{height: 260px;}
.col-5{height: 280px;}
.col-6{height: 300px;}
.col-7{height: 220px;}
.col-8{height: 240px;}

<div class="col col-1">Article 1</div>
<div class="col col-2">Article 2</div>
<div class="col col-3">Article 3</div>
<div class="col col-4">Article 4</div>
<div class="col col-1">Article 5</div>
<div class="col col-2">Article 6</div>
<div class="col col-3">Article 7</div>
<div class="col col-4">Article 8</div>
&#13;
P.S:我的博客中有太多帖子,而不仅仅是4
感谢您的帮助