CSS中可以通過設(shè)置元素的text-align屬性來實現(xiàn)居中對齊，但對于圖片等非文本元素則需要使用其他方法來控制其居中對齊。本文將介紹一種常用的方法-使用display:flex，將父元素設(shè)為flex容器，然后將子元素設(shè)置為margin:auto。

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

以上代碼中的.container為父元素，justify-content和align-items分別實現(xiàn)了水平和垂直對齊的居中效果。而.container img則對應(yīng)的是圖片子元素，使用margin:auto則使得圖片相對于父元素水平劇中顯示。

需要注意的是，如果圖片的寬高并未設(shè)置，則可能出現(xiàn)父元素無法撐開的情況，此時可以給父元素設(shè)置一個最小高度或者最小寬度。另外，如果圖片的寬高較大，出現(xiàn)了滾動條，可以將父元素設(shè)置為overflow:auto或者overflow:hidden，以控制滾動條的出現(xiàn)。