CSS中如何實現圖片居中呢？

img {
display: block;  /* 設置為塊級元素 */
margin: 0 auto;  /* 水平居中 */
}

通過將圖片設置為塊級元素，并添加左右margin為auto即可實現水平居中。

img {
display: block;  /* 設置為塊級元素 */
margin: auto;  /* 居中 */
}

如果想要同時實現圖片在垂直和水平方向上的居中，可以采用以下方法：

.parent {
display: flex;  /* 父元素設置為flex布局 */
justify-content: center;  /* 水平居中 */
align-items: center;  /* 垂直居中 */
}
img {
display: block;
}

通過將父元素設置為flex布局，再分別設置justify-content和align-items可以將圖片居中。

總結：

1. 水平居中：將圖片設置為block元素，添加margin: 0 auto；

2. 垂直居中+水平居中：將父元素設置為flex布局，分別設置justify-content和align-items，將圖片設置為block元素。