文章格式演示例子： 正文開始： 如果想讓圖片在容器中居中對齊，可以使用CSS的flex布局或者相對定位來實現(xiàn)。接下來我們將分別介紹兩種方法。 方法一：使用flex布局 1. 首先，給容器添加以

文章格式演示例子： 正文開始： 如果想讓圖片在容器中居中對齊，可以使用CSS的flex布局或者相對定位來實現(xiàn)。接下來我們將分別介紹兩種方法。 方法一：使用flex布局 1. 首先，給容器添加以下樣式： ```css .container { display: flex; align-items: center; justify-content: center; } ``` 2. 然后，在容器內(nèi)部添加一個圖片元素，并設(shè)置其樣式： ```css .container img { max-width: 100%; max-height: 100%; } ``` 3. 最后，在HTML中使用容器進(jìn)行包裹： ```html ``` 方法二：使用相對定位 1. 首先，給容器添加以下樣式： ```css .container { position: relative; } ``` 2. 然后，在容器內(nèi)部添加一個圖片元素，并設(shè)置其樣式： ```css .container img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ``` 3. 最后，在HTML中使用容器進(jìn)行包裹： ```html ``` 以上就是兩種常用的方法，你可以根據(jù)具體情況選擇其中一種來實現(xiàn)圖片在容器中的居中對齊效果。希望本文能對你有所幫助！