在 web 開發中，經常會用到 CSS 來控制頁面中的樣式。其中一個常見的問題是如何讓圖片居中對齊。所以，CSS 圖片能居中對齊嗎？

img{
display: block;
margin: 0 auto;
}

事實上，CSS 是可以讓圖片居中對齊的。上面的代碼就是一個簡單的例子，它利用margin屬性讓圖片水平居中。其中display: block用來將圖片轉換成塊級元素，以便可以應用margin屬性。

當然，這只是最基礎的方式。在不同的情況下，可能需要應用不同的方法。例如，如果要讓圖片在父元素中垂直居中，可以使用以下的 CSS：

.parent{
position: relative;
}
.child{
position: absolute;
top: 50%;
transform: translateY(-50%);
}

在這個例子中，父元素需要被設置為相對定位，而圖片是在子元素中被絕對定位的。然后，使用top: 50%讓圖片垂直居中，并使用transform: translateY(-50%)來微調位置。

不同的應用場景可能需要使用不同的方法，但是這些方法的基本原理是相同的：通過改變元素的位置或樣式，來達到居中對齊的效果。