CSS中，我們可以使用多種方法來(lái)讓多個(gè)div自動(dòng)換行，以下是一些常見(jiàn)的方法：
1、使用flex布局：
Flex布局是一種強(qiáng)大的CSS布局工具，它可以輕松地讓多個(gè)div元素自動(dòng)換行，你只需要將容器元素的display屬性設(shè)置為flex，并且設(shè)置flex-wrap屬性為wrap即可。
```css
.container {
display: flex;
flex-wrap: wrap;
}
```
2、使用grid布局：
CSS的grid布局也是實(shí)現(xiàn)div自動(dòng)換行的有效方法，你可以創(chuàng)建一個(gè)grid容器，并指定每行可以容納的列數(shù)，當(dāng)列數(shù)超出時(shí)，剩余的元素會(huì)自動(dòng)換行到下一行。
```css
.container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
```
3、使用float屬性：
如果你不想使用布局系統(tǒng)，而是想使用傳統(tǒng)的浮動(dòng)布局，可以通過(guò)設(shè)置div元素的float屬性為left或right來(lái)實(shí)現(xiàn)自動(dòng)換行，不過(guò)這種方法需要額外的清除浮動(dòng)的影響。
```css
.container {
overflow: auto;
}
.div {
float: left;
width: 200px;
height: 200px;
margin: 10px;
}
```
4、使用媒體查詢：
通過(guò)媒體查詢，你可以根據(jù)屏幕的大小來(lái)調(diào)整div元素的排列方式，在小屏幕上，你可以將div元素堆疊起來(lái)，而在大屏幕上，你可以將它們排列成多列。
```css
@media (min-width: 600px) {
.container {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 600px) {
.container {
display: block;
}
.div {
width: 100%;
}
}
```
這些方法可以根據(jù)你的具體需求和設(shè)計(jì)來(lái)選擇，希望這些方法能幫助你實(shí)現(xiàn)多個(gè)div自動(dòng)換行的需求。
