CSS是一種常用的樣式表語言，用于控制網(wǎng)頁元素的外觀和布局。在網(wǎng)頁設(shè)計(jì)中，圖片是不可或缺的元素之一，那么如何使用CSS來控制并列圖片的顯示呢？ 首先，HTML代碼中需要使用img標(biāo)簽來插入圖片，如下所示：

<img src="image1.jpg" alt="圖片1" />
<img src="image2.jpg" alt="圖片2" />

這樣就可以插入兩張圖片，但是它們會默認(rèn)排列在上下兩行，需要使用CSS來調(diào)整它們的顯示。 我們可以使用float屬性來將圖片左浮動或右浮動，使它們在同一行顯示。代碼如下：

img {
float: left; /*或right*/
margin-right: 10px; /*設(shè)置圖片之間的間隔*/
}

使用以上代碼，兩張圖片會在同一行顯示，并且靠左或靠右對齊，同時設(shè)置了10px的間隔。 如果需要讓圖片居中顯示，可以使用margin屬性來自動調(diào)整圖片的間距。代碼如下：

.container {
text-align: center; /*將容器內(nèi)元素居中*/
}
img {
display: inline-block; /*將圖片顯示為行內(nèi)塊元素*/
margin: 0 auto; /*自動調(diào)整左右間距*/
}

使用以上代碼，圖片將會居中顯示，并且自適應(yīng)容器的寬度。 總的來說，通過使用float和margin屬性，我們可以輕松地控制并列圖片的顯示。需要根據(jù)具體情況靈活運(yùn)用，并添加必要的樣式設(shè)置，以達(dá)到最佳的頁面效果。