Как создать макет с использованием css?

Я хочу создать макет с использованием только css, я прочитал весь учебник в Интернете, но они используют свойство столбца для разделения макета, проблема в том, что макет будет отображаться следующим образом (с 1,2,3 ... это предметы).Как создать макет с использованием css?

1|3|5 
2|4|6

Я хочу, чтобы мой макет должен быть:

1|2|3 
4|5|6

Я хочу использовать CSS only.Please скажите мне, если у вас есть какие-либо решения или идеи, чтобы решить эту проблему.

источник

2016-05-23 Xuân Hiển Ngô

Масонство построено на Javascript, так как оно обнаруживает позиции и ставит все с абсолютным положением. CSS не может определять позиции, но вы можете использовать '@media queries' и' position: abolute'. –

@DaanHeskes Использование css невозможно, правильно ?, Так что, пожалуйста, дайте мне пример? –

Определенно не невозможно, но не автоматически выравнивание и т. Д. Это то, что делает Javascript. Вы можете «расположить: абсолютный» все и установить смещения 'top' и' left'. Затем измените для экранов меньшего размера/большего размера с помощью CSS3 Media Queries. –

Вы можете использовать flexbox. См., Например, codepen, и complete guide to flex box, чтобы узнать больше.

Чтобы сохранить горизонтальную ориентацию, отрегулируйте flex-direction по своему усмотрению.

источник

2017-03-28 12:39:13 Libi

Как создать макет с использованием css?

ответ

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