在網(wǎng)頁設(shè)計(jì)中，圖片是不可或缺的元素。在布局中，有時(shí)需要對(duì)圖片進(jìn)行位置調(diào)整，讓它更加美觀。本文就介紹一下如何使用CSS設(shè)置圖片居中對(duì)齊。 HTML代碼： ```html``` CSS代碼： ```css .container { display: flex; align-items: center; justify-content: center; height: 500px; } img { max-width: 100%; max-height: 100%; } ``` 解釋： 首先，在HTML代碼中，我們需要將圖片放在一個(gè)容器中。在CSS代碼中，我們使用flex布局將容器中的內(nèi)容垂直和水平居中對(duì)齊。同時(shí)，我們通過設(shè)置容器的高度，讓圖片垂直中心對(duì)齊。 其次，我們?cè)O(shè)置圖片的最大寬度和最大高度為100%，這樣可以使圖片在不失真的情況下自適應(yīng)大小。 總結(jié)： 使用CSS設(shè)置圖片居中對(duì)齊并不復(fù)雜，只需要掌握flex布局和圖片大小設(shè)置即可。這樣，我們可以更加自由靈活地調(diào)整圖片在頁面中的位置，使網(wǎng)頁布局更加美觀。