| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Прототипирование с помощью 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 пунктом. Если задача сложная, предложите свое решение. ![]() С помощью float:left получается, но не все что хочется. ![]() |
| Автор: BaNru 19.10.2014, 15:40 | ||
Если я правильно понял, то тебе надо поменять порядок блоков. http://jsfiddle.net/BaNru/6uyofcew/ |