CSS是網頁設計中最為重要的語言之一，可以幫助我們實現更好的視覺效果。在網頁設計中，經常需要將多張圖片并排顯示，這個過程中CSS也可以幫忙。

在CSS中，我們可以使用display屬性來控制圖片的排列方式。具體有以下兩種方法：

/*第一種方法——浮動*/
img{
float: left;/*左浮動*/
width: 50%;/*設置圖片寬度為50%，以保證兩張圖片并排顯示*/
}

通過設置圖片的浮動屬性，可以將圖片并排顯示。由于圖片默認塊級元素顯示，設置浮動屬性后，圖片會變為行級元素，可以將其與其他圖片或文本內容并排展示。通過設置width屬性可以控制圖片所占據的寬度，以達到合適的顯示效果。

/*第二種方法——網格布局*/
.container{
display: grid;/*設置容器為網格布局*/
grid-template-columns: repeat(2, 1fr);/*設置容器中有兩列，每列占據剩余空間的二分之一*/
}
img{
width: 100%;/*設置圖片占據100%的寬度*/
}

另一種方式是使用網格布局，通過設置容器的display屬性為grid，就可以定義一個網格布局容器。使用grid-template-columns屬性指定網格的列數和寬度，通過設置圖片的寬度，可以讓圖片充滿整個網格。這樣就可以輕松實現圖片的并排展示。

以上兩種方法都可以實現圖片的并排顯示。如果你想讓圖片外觀更加美觀，可以使用CSS中的一些樣式屬性對其進行美化。例如border、margin、padding等。