在更高分辨率上居中页面布局

Cli*_*ote 2 html javascript css layout

我正在一个有一些大图像等的网站上展示.在我的屏幕上,分辨率为1024 x 768,它完全适合屏幕,从左到右.

然而,在我的客户端屏幕上,谁拥有更高的分辨率,他将屏幕的右侧部分视为空白,并希望我将布局居中,而不是让它保持对齐.(我将我的margin-left设置为0.)

如果我只是增加左边距,它会导致水平滚动条出现在像我这样的较低分辨率上.

有什么方法可以解决这个问题吗?或者我是否必须使用可以检测屏幕分辨率的javascript,并且如果分辨率大于某个值,则增加左边距?

pet*_*rmk 5

#wrapper { margin: 0 auto; width: 960px; }
Run Code Online (Sandbox Code Playgroud)

这将使id ="wrapper"的元素水平居中,因此如果您的所有内容都在该元素内,则您的页面将居中

基本上如果你申请margin-left:auto; 和保证金权利:auto; 对于块元素,它将水平居中

  • 此外,必须在`#wrapper`上设置`width`,以便工作. (2认同)