css内容图片居中什么代码

每个网页都会有很多图片，但是图片不一定总是充满整个页面，可以通过CSS的代码来控制图片的位置和样式。本篇文章主要介绍图片居中的方法。 图片的居中方法有很多种，但是使用`margin`和`text-align`是最常用的方法。如果想要图片水平居中，可以使用以下代码：

img {
    display: block;
    margin: 0 auto;
}

上述代码将图片设置为块级元素，并将左右外边距设置为“0自动”，这样图片就会在容器中水平居中。 如果想要图片垂直居中，可以使用以下代码：

.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

上述代码将容器设置为Flex容器，并通过`justify-content`和`align-items`属性将图片水平居中和垂直居中。 以上两种方法可以同时使用，实现图片在容器中水平和垂直居中的效果。 在实际开发中，还可以结合`position`属性来进行图片居中。例如，可以将图片的`position`设置为`absolute`，然后使用`top`和`left`属性将图片居中。 总体而言，使用以上三种方法都可以达到图片居中的目的，具体方法可以根据具体情况选择。