在HTML中，使用CSS來使圖片居中是一個(gè)常見的需求，下面是一些實(shí)現(xiàn)圖片居中的CSS代碼示例：

1、使用margin: auto實(shí)現(xiàn)水平居中：

<div style="text-align: center; margin: auto;">
    <img src="image.jpg" style="display: block;"/>
</div>

在這個(gè)示例中，text-align: center使圖片在水平方向上居中，而margin: auto則確保圖片在垂直方向上也有足夠的空間。

2、使用transform實(shí)現(xiàn)完全居中：

<div style="position: relative; height: 200px; width: 200px;">
    <img src="image.jpg" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"/>
</div>

在這個(gè)示例中，position: relative使圖片相對于其包含塊進(jìn)行定位，而position: absolute則使圖片相對于該包含塊的中心進(jìn)行定位。transform: translate(-50%, -50%)則使圖片在水平和垂直方向上移動其自身寬度和高度的-50%，從而實(shí)現(xiàn)完全居中。

3、使用Flexbox實(shí)現(xiàn)完全居中：

<div style="display: flex; justify-content: center; align-items: center; height: 200px; width: 200px;">
    <img src="image.jpg" style="max-width: 100%; max-height: 100%;"/>
</div>

在這個(gè)示例中，display: flex使圖片所在的容器成為一個(gè)彈性容器，justify-content: center和align-items: center則分別使圖片在水平和垂直方向上居中。max-width: 100%和max-height: 100%則確保圖片不會超過其容器的寬度和高度。

這些示例中的CSS代碼可以根據(jù)你的具體需求進(jìn)行調(diào)整，你可以根據(jù)需要調(diào)整圖片的大小、容器的尺寸等。