Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Прототипирование с помощью DIV


Автор: NaXiMuZ 14.10.2014, 08:53
Здравствуйте!

Скажите, насколько реально такое реализовать:

Нужно получить на выходе набор DIV блоков (см пример вложение). 
Элементы и функционал скрипта следующий: 

1. Элемент добавить блок 
2. При создании блока, можно изменить размер по высоте и ширине 
3. Центрирование блоков по левой стороне 
4. Если длина блока не помещается, она уходит на следующую строку 
5. Если первый левый блок по высоте 50 и ширине 50%, то в одну строку могут войти 2 блока по 25 и 50% ширины. 
6. Если стоят 2 блока по высоте 25 и ширине 50%, то в правой части в этой же строке можно поместить блок 50 по высоте и 50% по ширине. Итоговая высота должна составлять 50. 
7. Не использовать позиционирование, нужно решить задачу с помощью высоты и ширины. 
8. Не использовать вложенность блоков. 

Я не справился с 6 пунктом.
Если задача сложная, предложите свое решение.

user posted image

С помощью float:left получается, но не все что хочется.

user posted image

Автор: BaNru 19.10.2014, 15:40
Цитата
С помощью float:left получается, но не все что хочется.

Если я правильно понял, то тебе надо поменять порядок блоков.
http://jsfiddle.net/BaNru/6uyofcew/

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)