2013-07-22 4 views
1

Этот список speakers from jQuery Portland использует раскладку из трех столбцов (при ширине обозревателя рабочего стола), в которой отдельные элементы могут расти, чтобы перемещать элементы под ними, не затрагивая другие столбцы. Недостатком является то, что для разметки требуется 3 контейнера-столбца.Может ли список из нескольких столбцов иметь индивидуально эластичные столбцы?

Можно ли получить тот же эффект с помощью простого списка и без контейнеров столбцов с только css?

Я никогда не использовал flexbox раньше, но я не могу заставить обертывать предметы без связей между столбцами codepen example.

ответ

1

Можно ли получить тот же эффект с простым списком, и без контейнеров столбцов с только css?

Ответ: Вы можете также использовать column-count

demo

+0

совершенны, большое спасибо [другой демо] (http://codepen.io/Sinetheta/pen/Esyuf) – Sinetheta

+0

другой демо? ????? –

+1

Вы добавили свою демоверсию в качестве редактирования, когда я тестировал с помощью 'column-count' самостоятельно;) Кроме того, было доступно свойство' break-inside', как описано в [этом другом вопросе] (http: // stackoverflow. ком/вопросы/7785374/как к предотвратить колонку разрывов внутри-ан-элемент). – Sinetheta

Смежные вопросы