码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-02-03 17:05:17      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

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

代码如下

HTML:

<html>

  <head>

  </head>

  <body>

    <div class="background">

    </div>

  </body>

</html>

 

CSS:

.background

{

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

}

 

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

标签:

原文地址:http://www.cnblogs.com/cyh2009/p/4270036.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!