CSS中圖片水平居中對齊是一個(gè)常見的需求。下面介紹一些實(shí)現(xiàn)方法。

/* 方法一：使用text-align:center; */
img {
display: block; /* 去掉圖片默認(rèn)間距 */
margin: 0 auto;
}
/* 方法二：使用margin:auto; */
img {
display: block;
margin: auto;
}
/* 方法三：使用transform:translate; */
img {
display: inline-block; /* 必須設(shè)為inline-block，否則translate無效 */
transform: translateX(-50%);
}

以上三個(gè)方法在大多數(shù)情況下都可以實(shí)現(xiàn)水平居中對齊，需要根據(jù)具體需求進(jìn)行選擇。其中，方法三使用了CSS3的屬性，需要考慮兼容性問題。