关于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;
}
代码如下
HTML:
<html>
<head>
</head>
<body>
<div class="background">
</div>
</body>
</html>
CSS:
.background
{
background:url(../img/background_name.png) no-repeat center;
}
相关文章推荐
- CSS设置图片居中的方法
- HTML中CSS文本、子div、图片水平居中和垂直居中的几种方法
- CSS设置图片居中的方法【转载】
- CSS设置图片居中的方法[转]
- CSS设置图片居中的方法【转载】
- 浏览器标准CSS设置图片居中的方法
- CSS设置图片居中的方法
- CSS设置图片垂直居中的方法
- html+css使用空白标签巧妙实现不同尺寸的图片在容器里垂直居中的方法
- 关于设置背景图片的透明度(html+css)
- Html、Css-----当有文字和图片的时候,需要文字和图片居中,怎么实现?不想文字换行怎么设置
- CSS设置图片居中的方法
- [HTML]Css设置img属性让图片水平居中,居左,居右
- CSS设置图片居中的方法
- 关于html中css设置居中
- CSS设置图片居中的方法
- 使用纯CSS实现未知尺寸的图片(但高宽都小于500px)在500px的正方形容器中水平和垂直居中。你有几种方法?
- 设置按钮背景图片(HTML-CSS)
- 关于在IE9下css属性设置margin:0 auto 不能使div居中
- 在HTML页面中设置表格水平和垂直方向都居中的方法【原