在網頁設計中，圖片是不可或缺的元素之一。如何讓圖片在網頁中居中是許多網頁設計師關注的問題。CSS是一種強大的工具，可以幫助我們解決這個問題。下面是一些使用CSS把圖片居中的方法：

/* 方法一：使用text-align屬性 */
.center-img {
display: block;
margin: 0 auto;
text-align: center;
}
<img class="center-img" src="image.jpg" alt="image" />
/* 方法二：使用position和transform屬性 */
.center-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<div class="center-img">
<img src="image.jpg" alt="image" />
</div>
/* 方法三：使用flexbox布局 */
.center-img-container {
display: flex;
justify-content: center;
align-items: center;
}
.center-img {
max-width: 100%;
max-height: 100%;
}
<div class="center-img-container">
<img class="center-img" src="image.jpg" alt="image" />
</div>

以上這些方法可以幫助我們在網頁中輕松地實現圖片的居中展示。根據實際的需求和具體情況選擇不同的方法，可以讓我們更加高效地完成網頁設計工作。