但是浏览器尺寸不一样，显示效果就会不一样，这个就需要动态设置Div的位置
style="position:absolute;top={1}px;left={2}px;"
如上，你的Div的样式需要设置为这个，但top和left是需要动态计算的。
问题点就是要动态的获取浏览器窗口的尺寸。于是解决办法如下：
<html>
<head>
<title>DIV居中显示</title>
<script type="text/javascript">
var setDivCenter = function(divId){
var oDiv = documentgetElementById(divId);
oDivstyleposition = "absolute";
oDivstyletop = (documentbodyoffsetHeight - 150) / 2 + "px";//这个150是div的高度
oDivstyleleft = (documentbodyoffsetWidth - 200) / 2 + "px";//这个200是div的宽度
};
</script>
</head>
<body onload="setDivCenter('dvCenter')">
<div id="dvCenter" style="width:200px;height:150px;background-color:red;">
我在浏览器的中间
</div>
</body>
</html>body{
width:886px;（设定页面的宽度）
magin:0
auto;(实现垂直水平居中。)
}
这样就可以实现居中效果了。我做的页面都是用这个方法，绝对好用。html {
min-width: 1600px;
background: #FFFFFF;
overflow:scroll;
overflow-x:hidden;
}
去掉mobancss 中的 min-width: 1600px; 这句就ok了
代码写的堪忧打开浏览器在谷歌浏览的右上角有一个“扳手”一样的设置键，点击后会出现菜单栏。
然后选择“标签”，就会出现你保存的所有标签的目录。然后移到要删除的标签，点击鼠标右键，选择“删除”即可。你html都没对应的结束结构，这样是不行的：
<div id="content">
要改成：
<div id="content"></div>
你看 <body>是需要和</body>对应的，div也是相应的，浏览器才能正确解析出区块。
content里面的子元素同理，只有 ul 你正确的结束了有对应的</ul>：
<div id="content_top">
<div id="content_bottom">
</div>
</div>div没有设置宽度默认是100%的。既然占据100%的宽度那就是和父节点一样的宽度了，那么就无法居中了啊。如果这个元素里面是文字或者可以使用text-align:center，将文字居中。如果里面还有div的话，那么将这个div设置宽度，然后样式margin:0px auto;让其居中。情况就是这两种，希望帮助到你
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）