css修改图片大小够居中 |css宽度百分百

/* 将图片设置为50%的宽度 */
img {
width:50%;
}
/* 使用margin属性来使图片居中 */
img {
width:50%;
margin:0 auto;
}

以上代码首先使用了width属性将图片的宽度设置为50%。接着使用了margin属性，并设置其左右值为auto，表示让浏览器自动计算并设置左右边距的大小。这样便可以让图片水平居中。

需要注意的是，如果图片的容器不是浏览器窗口，而是在更大的容器内部的话，还需要给容器设置text-align:center来实现水平居中。如下所示：

.container {
text-align:center;
}
.container img {
width:50%;
display: block;
margin:0 auto;
}

以上代码中，首先给容器设置了text-align:center，然后在图片选择器中加入了display:block，这是为了让图片占据整个容器的宽度，从而实现垂直居中。下面使用margin属性将图片居中。

通过以上代码的修改，便可以轻松地实现图片大小的修改以及居中显示。在实际开发中，大家还可以通过JavaScript等其他方式来动态修改图片大小和位置，以更好地适应各种设备和场景。