在 CSS 中，我們經常需要將圖像水平居中。這樣做的一個常見方法是將它們嵌套在一個無序列表（ul）中。 首先，我們需要將 ul 對象的樣式屬性設置為“display:flex”。這是指定元素為彈性容器的簡單方法，這使得元素可以更容易地定位其子元素。 現在，我們可以通過添加“justify-content: center”到 ul 對象的樣式中來水平居中圖片。這個屬性將所有子元素放在元素的中央。 下面是一份完整的樣式代碼，用來水平居中一個具有多個圖片的無序列表：

ul {
display:flex;
justify-content:center;
}
li {
margin:5px;
}
img {
max-width:100%;
}

在這個代碼塊中，我們還為 li 和 img 元素添加了一些樣式屬性。我們使用“margin: 5px”將圖片分開一點，以使它們看起來更好看。 最后，我們需要確保所有的圖片都適合其容器的大小。在我們的樣式中，我們使用了一個簡單的“max-width:100%”，以確保所有的圖片像素都縮放到適當大小。 總之，通過將圖片嵌套在CSS中的無序列表中，我們可以輕松地水平居中它們，并且在添加其他樣式屬性時非常靈活。