用CSS使圖片居中有很多種方法，下面我們來介紹一些常用的方法：

/*方法一：使用text-align屬性*/
.center {
text-align: center;
}
.center img {
display: inline-block;
}
<div class="center">
<img src="example.jpg" alt="example">
</div>
/*方法二：使用margin屬性*/
.center {
display: flex;
justify-content: center;
align-items: center;
}
<div class="center">
<img src="example.jpg" alt="example">
</div>
/*方法三：使用position和transform屬性*/
.center {
position: relative;
}
.center img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<div class="center">
<img src="example.jpg" alt="example">
</div>