html - 有限 margin 汽车?

标签 html css width margin

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

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

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

最佳答案

很简单:

#container {
    max-width: 500px;
}

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

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

See it in action

关于html - 有限 margin 汽车?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8607396/

相关文章:

html - 并排对齐div的有效方法?

css - 为什么 <div> 表现得像 <br>?我应该用别的东西代替吗?

javascript - 在不使用 Canvas 的情况下修复 blob 图像方向 - EXif 旋转

html - 当填充大于定义的大小时会发生什么?

css - float div 100% 宽度

css - 无法限制 <option> 宽度

html - 覆盖 dojo 内容 Pane 的全文 css 设置

html - 增加输入字段中的字体大小

html - 应用媒体查询时,没有任何调整

CSS 仅在一个方向上模糊(运动模糊)