Сетки и направляющие
Для удобства расположения элементов на странице воспользуйтесь функционалом "Сетки и направляющие".
Вы можете настроить рабочее пространство так, как вам будет удобно.
Границы, направляющие и перемещение элементов
- Границы рабочего поля обозначены серыми пунктирными линиями. Изменить расположение горизонтальных границ вы можете наведя на них курсором и зажав левую кнопку мыши (далее ЛКМ).
- Наведя курсор на элемент вы сможете увидеть расстояние в пикселях от края границ элемента до границ другого элемента или края поля. Границы элементов могут пересекаться.
- Вы можете выделять несколько элементов удерживая ЛКМ и перемещая курсор или выделять их по одному с зажатой клавишей Ctrl.
- Перемещать выделенные элементы можно не только мышью, но и клавишами стрелок — на 1 пиксель или на 10 при удержании Shift.
- Если зажать ЛКМ на
или просто кликнуть в границах элемента, можно перемещать его в рабочем поле. Конструктор будет помогать вам разместить элемент параллельно другому или отцентровать относительно страницы или другого элемента (при активности соответствующих функций в разделе «Настройки» → «Сетки и направляющие».
- Зажав ЛКМ на можно перемещать вверх или вниз все элементы, находящиеся ниже верхнего края границ элемента и увеличивая длину страницы.
Контекстное меню и его функции
При нажатии правой кнопкой мыши (далее ПКМ), наведя курсор на свободное пространство, элемент или несколько выделенных элементов вы откроете контекстное меню.
Данное меню кроме однозначных функций имеет следующие:
«Заблокировать» — появляется при нажатии на элемент или несколько элементов. Блокирует возможность перемещать, менять размер и настройки данного элемента в рабочем поле.
«Порядок» — позволяет изменить порядок наложенных друг на друга элементов.
«Выравнивание» — доступно при нажатии на несколько выбранных элементов. Позволяет выровнять несколько элементов, находящихся на разных позициях по горизонтали и вертикали.
«Распространять» — доступно при нажатии на несколько выбранных элементов. Позволяет установить равное расстояние между 3 и более элементами.
«Группировать» — доступно при нажатии на несколько выбранных элементов. Объединяет несколько элементов в группу. Группу элементов удобно перемещать или задавать для нее правила. Редактируются элементы группы по-прежнему отдельно.