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

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

代码如下

HTML:

<html>

　　<head>

　　</head>

　　<body>

　　　　<div class="background">

　　　　</div>

　　</body>

</html>

CSS:

.background

{

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

}