Должно быть достаточно простым. У меня есть div с шириной 1100px, который содержит divs шириной 300px. Мне нужно разложить их одинаково и ясно на следующую строку ниже, так как больше не может вписываться в ширину 1100 пикселей. Лучший способ сделать это? Мне никогда не приходилось это делать.Равномерное пространство divs внутри родительского div?
Я думаю, что это то, что вы ищете. Вы можете использовать nth-of-type добавить маржу в средние коробки
.background{
background: black;
width: 1100px;
margin: auto
overflow: hidden;
}
.box{
width: 300px;
height: 300px;
float: left;
margin: 0 0 20px
}
.box:nth-of-type(3n+2){
margin: 0 100px 20px;
}
Ах, не понял, что вы можете использовать операторов в nth-of-type таким образом –
@TomMaxwell yep очень полезен. Если это то, что вы искали, обязательно убедитесь, что это разрешено – jmore009
У вас есть изображение, чтобы ilustrate то, что вы хотите сделать? – xzegga