在網(wǎng)頁設(shè)計(jì)中，我們經(jīng)常需要把幾張圖片按照一定的方式并列顯示。這時(shí)，我們就可以使用CSS來實(shí)現(xiàn)這個(gè)功能。

.img-container {
display: flex;
}
.img-container img {
width: 33.33%; /* 讓三張圖片占據(jù)水平方向的1/3寬度 */
margin-right: 10px; /* 設(shè)置圖片之間的間距 */
}
.img-container img:last-child {
margin-right: 0; /* 取消最后一張圖片的右側(cè)間距，使圖片能夠緊挨在一起 */
}

以上代碼中，我們首先給包裹這些圖片的容器設(shè)置了 display: flex;，使得容器內(nèi)部的所有元素都按照一定的比例分配可用空間，從而實(shí)現(xiàn)了圖片的并列顯示。

接著，我們對(duì)每張圖片進(jìn)行了樣式的設(shè)置，讓它們占據(jù)水平方向的1/3寬度，并設(shè)置了一定的間距，以便讓圖片之間有一定的間隔。

最后，我們通過 css 偽類選擇器 :last-child 來單獨(dú)設(shè)置最后一張圖片的樣式，取消它右側(cè)的間距，從而讓圖片能夠緊挨在一起。

這樣，我們就通過 CSS 實(shí)現(xiàn)了圖片的并列顯示。可以看到，CSS 的靈活性和強(qiáng)大之處在于，只需要幾行代碼就可以實(shí)現(xiàn)一個(gè)復(fù)雜的布局效果。