css怎样把图片页面居中 |css重写

/* 基本样式 */
img {
display: block; /* 将img元素转为块级元素 */
margin: 0 auto; /* 设置外边距为0，水平居中 */
}
/* 容器居中 */
.container {
width: 500px; /* 设置容器宽度 */
margin: 0 auto; /* 水平居中 */
}
.container img {
max-width: 100%; /* 设置图片最大宽度，防止图片超出容器 */
}

以上代码是将图片居中的基本样式，使用margin: 0 auto;可以将元素水平居中，而display: block;能将img元素转为块级元素，方便设置外边距。如果需要居中的是一个容器，可以在容器上添加width属性，然后用margin: 0 auto;居中。

如果需要响应式图片，可以使用max-width: 100%;来限制图片最大宽度，防止图片超出容器。在上面的代码中，添加了一个.container父容器，可以在其中设置容器宽度和图片最大宽度。

总之，CSS中使用margin: 0 auto;可以非常简单地将元素居中，而max-width: 100%;可以帮助实现响应式图片。以上是关于如何将图片页面居中的基本介绍。