组织提出博客

Question

当我创建页面博客时，我有不同大小的poste，我找到了这个

但我想要这个

这是我的代码：

＆＃13;

＆＃13;

.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;}

＆＃13;

<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;

＆＃13;

＆＃13;

P.S：我的博客中有太多帖子，而不仅仅是4

感谢您的帮助