在CSS中，使用圖片可以使網(wǎng)頁(yè)更加生動(dòng)，而圖片分欄可以讓網(wǎng)頁(yè)更加具有結(jié)構(gòu)和美感。下面介紹一種簡(jiǎn)單的圖片分欄的方法。

.image-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.image-container img {
width: 300px;
height: auto;
margin: 10px;
border: 1px solid #ccc;
}

第一步，需要?jiǎng)?chuàng)建一個(gè)圖片容器，可以選擇一個(gè)div標(biāo)簽作為容器，并設(shè)置一個(gè)類名，如.image-container。

第二步，利用CSS中的彈性盒子布局，使用flex屬性將容器變成一個(gè)彈性盒子，并使用flex-wrap屬性使圖片可以自動(dòng)換行。使用justify-content屬性來居中圖片。

第三步，對(duì)每張圖片進(jìn)行樣式設(shè)置，如設(shè)置寬度為300px，高度自適應(yīng)，設(shè)置外邊距為10px，設(shè)置邊框?yàn)?px實(shí)線，顏色為灰色。

這樣，就可以將多張圖片自動(dòng)分欄，呈現(xiàn)在網(wǎng)頁(yè)中。