今日,在csdn上看别人提问题的时候看到了这个需求,就是让div在浏览器中垂直居中!水平居中大家肯定都会了,只需要margin:0 auto; 就可以了,但是垂直居中,以前我也是搜了各种网页也解决不了,今天突发奇想,自己用js实现了!
下面为源代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function getWindowSize() {//获取浏览器可见区域高度
var client = {
y:0
};
if(typeof document.compatMode != 'undefined' && document.compatMode == 'CSS1Compat') {
client.y = document.documentElement.clientHeight;
} else if(typeof document.body != 'unde