Как выравнивать сетку элементов, если не подходит justify-content:space-between?

https://jsfiddle.net/gkho05oc/1/

Проблема следующая: заведомо мне не известно количество лейблов, их может быть 3, может быть 15. Первоначально я писал что-то похожее: .item + .item {margin-left:4px} чтобы каждый следующий лейбл отступал на 4 пкс, но если размещать последовательно 4+ лейбла, то на следующей строке лейблы идут криво. Оно и понятно, но писать :nth-of-type(4) {margin-left:0} не вариант, потому что придется адаптировать для каждой границы ширины окна браузера.

Как можно используя justify-content:space-between (может что-то другое) сделать так, чтобы блоки не по краям расставлялись, а имели поведение float'ов?

Собственно подобный моему вопрос описан тут: https://stackoverflow.com/questions/32205152/using...
Однако меня не устраивает эти костыли в виде скрытых блоков и тд, ибо, как я говорю, кол-во блоков мне заведомо не известно.

Такая проблема возникает довольно часто, как вообще это решается?
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Wunder Fund Москва
от 60 000 до 80 000 руб.
YLab Тольятти
от 70 000 до 130 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
16 авг. 2018, в 20:57
2500 руб./за проект
16 авг. 2018, в 19:25
5000 руб./за проект
16 авг. 2018, в 17:28
25000 руб./за проект