CSS 中有時(shí)候需要將圖片居中顯示，下面介紹兩種實(shí)現(xiàn)方式。

方法一：使用 text-align 屬性將 img 標(biāo)簽居中

<style>
img {
display: block;
margin-left: auto;
margin-right: auto;
}
</style>
<div style="text-align: center;">
<img src="image.jpg" alt="圖片">
</div>

方法二：使用 background-image 屬性并設(shè)置 background-position 為 center

<style>
.image {
width: 100px;
height: 100px;
background-image: url("image.jpg");
background-position: center;
background-repeat: no-repeat;
}
</style>
<div class="image"></div>

以上兩種方法都可以在不改變 img 標(biāo)簽原本特性的情況下將圖片居中顯示，使用時(shí)可以根據(jù)實(shí)際情況選擇合適的方式。