CSS中如何讓圖片居中對齊？
在Web開發中，經常需要將圖片水平居中對齊。那么，如何使用CSS實現呢？
通常，可以將圖片放置在一個容器中，然后使用CSS對容器進行樣式設置。
讓我們看一下如何將圖片居中對齊的CSS代碼：

.container {
display: flex; /*使用flex布局*/
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}
.container img {
/*圖片樣式*/
width: 50%; /*設置圖片寬度*/
height: auto; /*自適應高度*/
}

在上述代碼中，我們創建了一個名為container的容器。使用display: flex;將容器布局設置為flex布局，同時使用justify-content: center和align-items: center對容器進行水平居中和垂直居中的對齊。
接下來，我們再通過 .container img 來對圖片進行樣式設置。這里設置了圖片寬度為50%，同時高度設置為auto，以使其自適應高度。
可以看出，使用Flex布局可以非常方便地實現圖片居中對齊。我們只需要將圖片放入一個容器中，然后在容器樣式中進行設置即可。
希望這篇文章對大家理解CSS如何讓圖片居中對齊有所幫助。