我正在制作一个有大量图片等展示的网站。在我的屏幕上，分辨率为1024 x 768，它完全适合屏幕，从左到右。
然而，在我的客户端屏幕上，谁拥有更高的分辨率，他将屏幕的右侧部分视为空白，并希望我将布局居中，而不是让它保持对齐。 （我将margin-left设置为0。）
如果我只是增加左边距，它会导致水平滚动条出现在像我这样的较低分辨率上。
有什么方法可以解决这个问题吗？或者我是否必须使用可以检测屏幕分辨率的javascript，并在分辨率大于某个值时增加左边距？
答案 0 :(得分：5)
#wrapper { margin: 0 auto; width: 960px; }
这将水平居中一个id =“wrapper”的元素，所以如果你的所有内容都在那个元素中，那么你的页面就会居中
基本上如果你申请margin-left：auto;和保证金权利：auto;对于块元素，它将水平居中
答案 1 :(得分：2)
围绕要居中的所有元素制作一个容器元素，并为其添加id="container"之类的ID，然后添加 css 选择器以使其居中。
#container {
margin: auto
}