html - DIV的水平中心不是那么简单

Question

所以我做了研究，我了解 margin: 0 auto 技巧，但我没有成功实现它。

如果您导航到 http://CIRRUSFitness.com并在主页上找到第二个 slider ，您就会明白我的意思。如果少于 4 件商品，则商品会被放在一边。

我相信我想要使用的代码如下

.catalog .items { width: 1004px; margin: 0 auto; }
.catalog .item-block-1 { width: 210px; margin: 0 25px -25px 0; }

我试过以下方法

.catalog .items { width: 100%; margin: 0 auto; }
.catalog .item-block-1 { width: 210px; margin: 0 auto; }

我可能需要在 .catalog 中将 .items 居中？唯一的目录代码是

.catalog { padding: 0 0 52px 0; }

使用他们的开发人员工具检查网站并查看我做错了什么可能更容易，但我非常愿意提供任何缺失的信息。

感谢大家的帮助。我知道这很容易解决，但我做的事情根本上是错误的，希望有人能指出我。

Answer 1

你只想让元素中的文本居中吗？如果是这样，只需添加

.catalog .items { width: 100%; margin: 0 auto; text-align:center; }

如果想让元素本身居中，宽度要小于100%，试试

.catalog .items { width: 50%; margin: 0 auto; }