在CSS中，如何實現多張圖片的居中？下面為大家介紹兩種方法。

方法一

使用flex布局：

.container {
display: flex;
justify-content: center;
align-items: center;
}
img {
margin: 10px;
}

以上代碼中，我們使用了flex布局，在容器中使用justify-content: center;和align-items: center;使圖片水平垂直居中，同時給圖片加上margin，以達到間距效果。

方法二

使用text-align和display:inline-block：

.container {
text-align: center;
}
img {
display:inline-block;
margin: 10px;
}

以上代碼中，我們在容器上使用text-align: center;實現水平居中，同時將img元素的display設為inline-block，通過margin來設置間距。

以上就是使用CSS在多張圖片中實現居中的兩種方法，可以根據自己的需求選擇其一進行使用。