在产品上使用填充物，所以我现在无法居中

Question

我有一些产品，我使用填充/边距在它们之间留出空间。 当然最后一个也有一个填充，所以它不会很好。 我会给你链接Website，但不会给你代码，因为我想知道即使你对它们使用填充，你也可以将产品集中在一起。 应该有一种特殊的方式＆＃34;

编辑：

这就是我的意思，1是我得到的，2是我想要的。 （黑暗的是产品，右侧的灯箱是填充/边距，最大的是包装纸）

Answer 1

您可以使用first-child()选择第一个div，不要给它填充。 或者，您可以使用id到第一个div并提供padding:0;

Answer 2

也许这样的事可以帮助你

.wrapper {
  padding:30px;
  text-align:center;
}
.products {
  margin:15px;
  padding:15px;
}

如果它仍然存在，我会表示你读过这篇文章

http://maujor.com/tutorial/centralizando-com-css-um-guia-completo.php

Answer 3

您可以使用box-sizing: border-box;让css计算元素宽度的填充。

默认的大小调整行为如下：总宽度=宽度元素+填充宽度。通过这种方式，填充物被添加到外面＆＃34;盒子模型。

当您将框大小调整设置为边框时，元素的填充将计算为＆＃34;内部＆＃34;盒子。

以下是解释此行为的文章：Link to Article