2016-03-20 3 views
0

Я хотел бы получить обзорную страницу с несколькими панелями, автоматически выстраивающимися один за другим. Мой текущий результат можно увидеть на этом изображении: enter image description hereСетка системы - панели с разной высотой

Что мне нужно, так это то, что третья нижняя левая панель вскакивает и выравнивается сразу после первого. К сожалению, я не хочу вставлять страницу в две колонки, потому что на меньших экранах изменяется размер и расположение панелей. Кроме того, другие панели ниже на странице могут иметь разные размеры, чем те, что видны здесь (например, 8: 4).

Есть ли какое-нибудь простое решение? Спасибо!

+0

Вы должны знать, к настоящему времени, чтобы иметь более полный вопрос, содержащий минимальный образец кода, предпочтительный как рабочий фрагмент, а не только экранную дамп. – LGSon

ответ

0

На самом деле нет простого способа, если вы не можете заставить все панели одинаковой высоты. Вот несколько других вариантов ..

Использование CSS3 колонного ширина .. http://www.bootply.com/123350

Или, используя Bootstrap с плагином масонства ... http://www.bootply.com/123353

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