如何使用 css 使这个网格布局居中？ [关闭]答案

【问题标题】：How to center this grid layout with css? [closed]如何使用 css 使这个网格布局居中？ [关闭]
【发布时间】：2015-02-12 03:28:23
【问题描述】：

我想让 pinterest 之类的项目在页面中居中。

我的网站：www.keto.hu

谢谢！！

【问题讨论】：

【解决方案1】：

将width: 1210px 添加到以下规则中。

#main-content #grid, #main-content #content {
    margin: 0px auto;
    width: 1210px;
}

对于响应式width，请使用percentage。

#main-content #grid, #main-content #content {
    margin: 0px auto;
    width: 89.5%;
}

【讨论】：

但我也不希望它固定，我希望它尽可能宽。或者我应该为特定的屏幕宽度添加很多固定宽度？这可能是一个解决方案，但不是很好:) 谢谢！
@skyli - 固定的width 用于网格的width，而不是整个宽度。你必须给它一个固定的width 才能让margin: 0 auto 工作。
是的，但例如，当您有一个 1920 像素宽的显示器时，我希望所有这些都被这些小卡片覆盖。那么我需要制作一些特定于屏幕尺寸的css。但这会起作用:)如果没有更好的解决方案，那么我会做你的:)谢谢！
@skyli - 然后改用width: 89.5%;。
@skyli - 好吧，这是因为你的图片是固定的width。