您的位置:首页 > Web前端 > CSS

关于HTML+CSS设置图片居中的方法

2015-02-03 15:00 447 查看
有的时候我们会遇到这样一个问题,就是当我们按下F12进行使用firebug调试的时候,我们发现图像没有居中,页面底下有横向的滑动条出现,图片没能够居中,默认状态下只是紧靠在页面最左侧,而我们对图像缩小的时候,图像依然紧靠在页面最左侧,所有我们需要对图像设置居中,无论放大或者缩小页面,都使得图像至始至终都显示在页面的中间。

代码如下

HTML:

<html>

  <head>

  </head>

  <body>

    <div class="background">

    </div>

  </body>

</html>

CSS:

.background

{

  background:url(../img/background_name.png) no-repeat center;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: