CSS怎么居中圖片對齊？
在網頁設計中，居中圖片對齊是非常常見的需求。那么，該怎么實現呢？以下是幾種方法：
1.使用text-align屬性
我們可以將圖片所在的容器設置text-align屬性為center，這樣就可以實現圖片在容器中居中對齊。
示例代碼如下：

<style>
.container {
text-align: center;
}
</style>
<div class="container">
</div>

2.使用margin屬性
通過給圖片設置margin屬性來實現居中對齊，具體方法如下：

<style>
.img-container {
display: flex;
justify-content: center;
align-items: center;
}
.img-center {
margin: auto;
}
</style>
<div class="img-container">
</div>

3.通過絕對定位實現
通過將圖片設置為絕對定位，并設置top、left、right、bottom屬性為0和margin屬性為auto來實現居中對齊。
示例代碼如下：

<style>
.img-container {
position: relative;
}
.img-center {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
</style>
<div class="img-container">
</div>

總結
以上就是幾種居中圖片對齊的方法，大家可以根據實際需求選擇不同的方法。如果有更好的實現方法，歡迎大家補充。