大尺寸网页在小分辨率显示器上或小窗口上的居中显示

来源：互联网发布：ck解析源码编辑：程序博客网时间：2024/04/30 09:31

最近一直加班，加班，不开心。

做了一个页面是1920px的，有两种方式可以使屏幕居中显示。

第一种

body{

text-align:center;

overflow:hidden;

margin:0 auto;

}

我做的网页不是直接一个下来的。里面用到了posittion的absolute和relative，然后打开一看什么鬼，错位了啊。

找到了一种比较好用的方法，

第二种，是百度了度娘出来的方法，真的可以，网页全部显示了，然后打开的时候底部x的滚动条是居中的，虽然第一种方法是有内涵写吧，但是在html写好的基础上就用上了这一种 <body onload="window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0)">

直接在body里面加入这个属性，好像由于用了js很多浏览器都是支持的，至少我装的电脑版本上的ie，chrome,Firefox,还有ie都是没有问题的,o ,还有safiric也是好的。

0 0