Div+Css控制背景图片水平垂直居中显示_html/css_WEB-ITnose

在Web开发中我们经常要碰到这样的问题：在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的，而垂直居中就需要使用一些Css的技巧：

1. 首先为了能使得网站能够根据浏览器大小自适应，我们需要将页面的body元素height值设为100%，而在这之前，我们需要将xhtml验证从网站头删除。

之后在页面上添加如下css文件设置body的高度为100%，html元素的设置为兼容FF：

html, body
{
margin: 0px;
height: 100%;

}

2. 之后需要设置最外层的div元素为100%高度和宽度：

查看更多关于Div+Css控制背景图片水平垂直居中显示_html/css_WEB-ITnose的详细内容...