有限保证金汽车?

发布于 2024-12-22 10:30:14 字数 332 浏览 2 评论 0原文

我想让我的网站内容居中,但仅限于网页的特定宽度。因此,当超过 500px 时,我希望内容能够被修复,无法进一步拉伸。无论如何可以做到这一点,还是我最好把所有东西都修好?希望这是有道理的,添加一些视觉效果会更清晰一些。 谢谢!

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

1.自动留出一定的空间
2.所以内容不会漂浮在较大网页的中间

I want to have the content of my website centred but only for a certain width of a webpage. So when it's over say 500px I'd want the content to then be fixed, unable to stretch any further. Is there anyway to do that, or am I best having everything fixed? Hope that makes sense ill add some visuals to be a bit clearer..
thanks!

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

1.auto margin with a certain space
2.so content doesn't float in the middle of a larger webpage

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

新一帅帅 2024-12-29 10:30:14

这非常简单:

#container {
    max-width: 500px;
}

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

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

查看实际效果

It's quite simple:

#container {
    max-width: 500px;
}

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

#container defines the maximum width, and every element placed inside it is aligned centered. I had to set the width to prevent these elements from requiring the entire width.

See it in action

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文