有的时候我们会遇到这样一个问题,就是当我们按下F12进行使用firebug调试的时候,我们发现图像没有居中,页面底下有横向的滑动条出现,图片没能够居中,默认状态下只是紧靠在页面最左侧,而我们对图像缩小的时候,图像依然紧靠在页面最左侧,所有我们需要对图像设置居中,无论放大或者缩小页面,都使得图像至始至终都显示在页面的中间。
代码如下
HTML:
<html>
<head>
</head>
<body>
<div class="background">
</div>
</body>
</html>
CSS:
.background
{
background:url(../img/background_name.png) no-repeat center;
}
时间: 2024-10-14 19:49:26