Как сделать перенос inline-block на CSS? #727812

Имеется несколько inline-block'ов подряд. Нужно задать такой общий стиль CSS, чтобы эти блоки переносились на новую строку после каждого третьего. То есть вместо одной цепочки блоков должно получиться несколько строк, по три блока в каждой строке. сами блоки менять нельзя, в html они все одинаковые и имеют одинаковые названия стилей. можно только файл css изменять. Внимание, вопрос: Как это сделать?

Очень нужно. Кто шарит в CSS?

:nth-child(n)

это CSS3. работает только в свежих браузерах

Да что туда поставить то???

Кто шарит в CSS?

Ну нет, так нет.

по ссылке сходить не судьба чтоль? каждый третий элемент будет :nth-of-type(3n+0) можно попробовать так: .some-class:nth-of-type(3n+0):after { content: "<br>"; }

По ссылке про селектор, а вопрос скорее в том что именно туда вставить по этому селектору, аналог <br> на CSS.

:after вставит контент внутрь блока. А надо после блока.

Подниму, пожалуй

У меня обычно решалось так: фиксируем ширину блока, фиксируем ширину родительского элемента так, чтобы влезало максимум 3 и они сами будут переноситься.

у меня родительский блок на много шире трех блоков.

Никто не знает аналог <br> на CSS?

А если им сделать float: left,  а каждому третьему еще clear: right?

Вот статейка вроде в тему

Тогда они все съедут влево, и все испортится. Они должны быть по центру

апну

сделать их блоками, флоатами, а у каждого третьего - клеар: справа

по центру: добавить :афтер "<бр>"

float:left; width:33%;

весело будет, если у них будет разная высота

по центру не будут так же

так они тоже не по центру как должны быть, а на всю ширину

ну заверни их в блок, который будет по центру

Не вариант. Сделал по другому. Закройте тему