CSS中把圖片居中是一個常見的需求，可以通過以下幾種方式實現：

1. 使用text-align屬性
在父元素中設置text-align:center，可以讓子元素（包括圖片）水平居中。
父元素樣式：
.parent {
text-align:center;
}
子元素樣式：
.child {
display:inline-block;
}
HTML代碼：
2. 使用margin屬性
使用margin:0 auto，可以讓元素水平居中（需保證該元素設置了寬度）。
子元素樣式：
.child {
margin:0 auto;
} 
HTML代碼：
3. 使用flex布局
使用flex布局，可以方便地實現圖片（或其他元素）水平居中和垂直居中。
父元素樣式：
.parent {
display:flex;
justify-content:center;
align-items:center;
}
子元素樣式：
.child {
width:200px;
height:200px;
} 
HTML代碼：

上述方法可以根據實際情況選擇其中之一或多個組合使用，以達到圖片居中的效果。