div+css 背景图垂直居中
div+css设计的时候，一张比较小的图需要设置为垂直居中。请问该怎么设置？如果只是设置background-position的话，它的位置会跑到水平居中，可以设置为垂直...
div+css设计的时候，一张比较小的图需要设置为垂直居中。请问该怎么设置？
如果只是设置 background-position的话，它的位置会跑到水平居中，可以设置为垂直居中吗？ 展开
如果只是设置 background-position的话，它的位置会跑到水平居中，可以设置为垂直居中吗？ 展开
2个回答
展开全部
div+css实现背景图片居中；
首先设置一个div区域，定义一个最外围的区域块，然后再次设置一个小的div区域在其css样式里设置一个背景图片，让小的div区域居中即可：属性：margi:0 auto;
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<title>效果区</title>
</head>
<body>
<style>
.main{ width:100%; height:500px;background-color:#06F;}
.bjimg{ background:url(111111.png) no-repeat; width:525px; height:300px; margin:0 auto; }
</style>
<div class="main">
<div class="bjimg">
</div>
</div>
</body>
</html>
实现效果网页区域：
标签以及属性详解：
外围div样式取名main：设置一个宽度为100%，高度height:500px的区域让其背景颜色background-color:#06F;蓝色，这样可以更好的浏览效果；
内部的一个小的区域div取名：bjimg，区域大小就是图片的大小；设置一张背景图片，background:url(111111.png) no-repeat;，
margin:0 auto; 让其在大区域块中左右居中，上下设置为0，当然如果感觉太靠上了可以将其值(0)修改一下,数值越大距离越远
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
