CSS布局是Web前端設計中不可或缺的技術，它可以幫助我們根據設計需求排列HTML元素。其中，有一個很常見的需求：在每四個元素處換行。那么，如何實現這一布局？

/* CSS代碼 */
.wrapper {
display: flex;
flex-wrap: wrap;
}
.wrapper .item {
width: 25%;
}

以上代碼使用了flex布局，將所有元素放在一個父容器內，并根據需求設置了每個子元素的寬度為25%。最終的效果就是每行有四個元素。

如果我們不使用flex布局，而是使用傳統的float布局，也可以輕松實現這一布局：

/* CSS代碼 */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.wrapper .item {
width: 25%;
float: left;
}
.wrapper .item:nth-of-type(4n+1) {
clear: both;
}

使用上述代碼，在每個元素后添加一個clearfix類名元素，并設置每個子元素的寬度和浮動方式。最后，為每行的第一個元素添加一個clear屬性，實現換行效果。

無論采用何種方法，實現在每四個元素處換行的布局都不難。希望本文能為您提供幫助，更多CSS 布局技巧，請關注我們的博客。