CSS中圖片的居中是一種常用的網頁布局技術，可以讓圖片在網頁中居中顯示。本文將介紹如何使用CSS來居中圖片。

首先，我們需要在HTML中添加一個包含圖片的CSS類，其中包含居中代碼。例如：

```css

.居中 {

position: relative;

width: 200px;

height: 200px;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

我們可以將這個CSS類應用到多個容器元素上，以實現圖片的居中效果。例如：

```html

</div>

</div>

在這個例子中，第一個容器元素中的圖片被居中了，而第二個容器元素中的圖片沒有居中。

除了使用CSS來居中圖片外，我們還可以使用其他方法來實現圖片的居中效果，例如使用絕對定位、偽元素、盒子模型等。需要根據具體的情況來選擇最適合的方法。

總之，CSS中圖片的居中是一種常用的網頁布局技術，可以讓圖片在網頁中居中顯示。通過使用CSS，我們可以輕松地實現圖片的居中效果，使網頁更加美觀和易用。