使用text-align属性: 如果div内只有图片，可以将div的text-align属性设置为center，这样图片就会水平居中。

div {
    text-align: center;
}

使用Flexbox: 将div设置为Flex容器，并使用justify-content属性来居中对齐。

div {
    display: flex;
    justify-content: center;
}

使用Grid布局: 使用CSS Grid布局，可以将图片放置在容器的中心。

div {
    display: grid;
    place-items: center;
}

使用margin属性: 如果图片的宽度已知，可以使用margin属性来居中对齐。

img {
    margin-left: auto;
    margin-right: auto;
    display: block;/* 确保img元素是块级元素 */
}

使用position属性: 使用绝对定位和负边距来居中图片。

div {
    position: relative;
}
img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}