css布局自动换行 |css 选中状态

.container {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.item {
width: 25%;
height: 100px;
border: 1px solid #ccc;
box-sizing: border-box;
}

要实现CSS布局自动换行，大家需要将容器的display属性设置为flex，并将它的flex-wrap属性设置为wrap。这样就可以让子元素在容器中自动换行。同时，大家可以给每个子元素设置一个固定的宽度（例如25%），这样每行就可以放置四个子元素。

需要注意的是，在使用CSS布局自动换行时，元素的高度也需要保持一致。否则，当元素高度不一致时，会导致布局出现不规则的情况。

总之，CSS布局自动换行是一种非常实用的技巧，可以帮助大家实现响应式布局，适应不同设备和屏幕尺寸的需求。只需要简单的CSS代码，就可以轻松实现自动换行的布局，方便快捷。