html - 有限 margin 汽车？

Question

我想让我的网站内容居中，但仅限于网页的特定宽度。所以当它超过 500px 时，我希望内容被修复，无法进一步拉伸(stretch)。无论如何都要这样做，还是我最好把所有东西都修好？希望有意义的是添加一些视觉效果以更清晰一些..谢谢!

http://i38.photobucket.com/albums/e126/aaron123456/stackflow.jpg

1.auto margin 一定间距
2.所以内容不会漂浮在较大网页的中间

Answer 1

很简单:

#container {
    max-width: 500px;
}

#container > * {
    margin: 1em auto;
    width: 300px;
}

#container 定义最大宽度，放置在其中的每个元素都居中对齐。我必须设置 width 以防止这些元素需要整个宽度。

See it in action