在CSS中設(shè)置圖片并列通常使用float屬性。通過將兩個(gè)圖片元素都定義為float:left或float:right，它們就可以并排顯示了。

img{
float: left;
margin-right: 10px;
}

以上代碼將圖片設(shè)置為左浮動(dòng)，并在右側(cè)留出10像素的空白。同樣的效果可以通過添加樣式來實(shí)現(xiàn)右浮動(dòng)的圖片。

img{
float: right;
margin-left: 10px;
}

這兩個(gè)代碼片段都可以允許圖片元素放置在一個(gè)段落中，并且使用p標(biāo)簽來包裝文本和圖片。

一段文字描述第一張圖片

一段文字描述第二張圖片

以上代碼中，兩個(gè)段落包括了圖片和描述文本。在瀏覽器中，這些元素將左浮動(dòng)并排顯示，描述文本位于每個(gè)圖片的右側(cè)。浮動(dòng)圖片不會(huì)影響段落的行高，所以文本可以正確地環(huán)繞它們。 總之，要設(shè)置圖片并排顯示只需依靠float屬性、margin和p標(biāo)簽即可實(shí)現(xiàn)。將此方法應(yīng)用于您正在開發(fā)的網(wǎng)站，可以大大提升視覺效果和用戶交互性。