Как расположить inline-block по колонкам без фиксированной ширины?

Question

[Axel_F]

Есть ряд inline-block элементов внутри родителя. У каждого элемента может быть своя длина. Нужно отобразить элементы например в 2 колонки без фиксированной ширины, так чтобы ширина каждой колонки равнялась наиболее широкому элементу в ней. То есть задать каждому элементу width: 50% не вариант.
Получается нужно поведение колонок как в таблице, только надо сделать это без таблицы и без оборачивания групп элементов в дополнительные блоки.

Если изображать задумку, то нужно из простой группы inline блоков

сделать заданное кол-во колонок.

То есть родитель элементов непосредственно на ширину колонок никак не влияет.

Есть ли вообще решение этого вопроса без таблиц и js?

Answer 1

[teotlu]

Если ограничить высоту и есть доп. обёртка, то можно с помощью flexbox.

Comments

[Axel_F]

Ну, пока это лучший вариант из всего что есть. Хотя и немного костыльный, из-за фиксированной высоты/

Answer 2

[iBird Rose]

тк не оборачивай группы элементов в отельные дивы. а оберни каждый элемент в див с шириной в 50%

Comments

[Axel_F]

Еще раз, родитель не должен влиять на ширину колонки. Элементы могут быть очень короткими, и если они будут на расстоянии 50% родительской ширины, то выглядеть это будет ужасно.

[iBird Rose]

Axel_F: тогда только через display: table;