CSS大屏网页居中显示在小屏幕上

有时候我们网页比较大,屏幕比较小

如:网页宽度1440px。屏幕大小800px

这时候我们希望把网页居中显示在小屏幕上。

我们可以用相对定位和margin来实现这一的效果

具体如下:

在网页最外层的div上面写上css:

width:1440px;postion:relative;top:0px;left:50%;margin-left:-720px;

注意上面的margin-left负值是宽度的一半。这样就可以把大屏网页显示在小屏幕居中了。不管屏幕大小是多少都可以居中。

大家快试试吧。