Как сделать margin-bottom всем inline-block которые «не в последней строке»?

Question

[Григорий Васильков]

Инлайн-блоки автоматически переносятся на новую строку.
Хорошо когда один инлайн-блок занимает всю строку и можно поставить :not(:last-child).
А как быть, если инлайн-блоков много, и мы заранее не знаем - сколько из них переместиться в последнюю строку?

То есть размер строки конечно лимитирован. То есть например их влезет по 3 штуки в строку. Но в последней строке может оказаться как 1, так и 2 так и 3 элемента.

И нужно сделать, чтобы последняя строка не имела margin-bottom: 10px, а все остальные - имели.

Как это сделать умно?

Comments

[Григорий Васильков]

Может сделать трем последним? Тогда получится, что если их 3 в каждой строке, то один все равно будет иметь отступ?

Хотя нет, тогда второй ряд налезет на первый по высоте.....

[Григорий Васильков]

line-height?

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/8zcu2mqz/

Comments

[Григорий Васильков]

Гений

Answer 2

[Ольга Грабко]

Обратите внимание на статью Количественные селекторы CSS
Конкретно по вашему вопросу вам уже дали хорошее и простое решение, но в статье описаны решения для множества подобных и сложнее ситуаций.

Comments

[Григорий Васильков]

Знаем знаем, пользуемся. Логика в голове не сработала, что все так просто.