Какие существуют методики для создания автоматически растягивающихся колонок (наподобие ячеек таблицы)?

Question

[Алексей Николаев]

Доброго дня!
Интересуют техники, позволяющие создавать колонки, которые автоматически подстраиваются под ширину содержимого, растягиваются на все оставшееся свободное пространство родителя, и при этом не переносятся на следующую строку, если контента много. То есть, поведение, аналогичное ячейкам таблицы или элементу с display:table-cell.

Но конечно, table-cell - специфичный параметр, и его применение порой ну никак не катит. Есть ли какие-либо альтернативы?

Answer 1

[Заур Ашурбеков]

display: inine-block; - растягивающийся блок
overflow: hidden; скрывает выходящее за границы. его надо использовать в родительском элементе

Comments

[Алексей Николаев]

Но ведь если два таких inline-block поставить рядом друг с другом, без явного задания ширины они не запустятся. А в ячейках таблицы ширина регулируется контентом.

Answer 2

[Дмитрий Клусевич]

flex-box. Новая и гибкая не везде поддерживается правда. Вот доклад на тему video.yandex.ru/users/ya-events/view/3226 .