Используется прокладка на изделиях, поэтому я не могу сейчас сосредоточиться

Question

У меня есть несколько продуктов, и я использовал отступы/поля, чтобы дать пространство между ними. Конечно, у последнего есть отступы, так что он не центрируется. Я дам вам ссылку Website, но не код, потому что я хочу знать, как вы можете централизовать продукты вообще, даже если вы используете прокладки на них. Там должно быть «особый путь»

EDIT:

Это то, что я имею в виду, 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 CALCulate отступы в ширину элемента.

По умолчанию размер поля по умолчанию выглядит следующим образом: Общая ширина = Ширина элемента + Ширина заполнения. При этом добавление добавляется «снаружи» модели коробки.

Когда вы устанавливаете размер коробки в рамку, заполнение элемента будет рассчитываться как «внутри» поля.

Вот статья объяснить такое поведение: Link to Article