Справка · Работа в редакторе

Перемещение, размер и выравнивание

В Продвинутом режиме перемещайте элементы мышью, задавайте точные размеры и выравнивайте несколько объектов. Внутри авто-лейаута положение зависит от его ряда или колонки.

Три карточки выровнены по направляющей, а маркер на средней карточке показывает изменение размера. — Где это находится

Пример: выровнять три карточки

Выберите контейнеры трёх карточек с Shift+кликом; в дереве слоёв легче убедиться, что выбраны целые карточки, а не тексты внутри.
Нажмите выравнивание по верхнему краю в верхней части панели свойств. Проверьте, что верхние границы карточек стоят на одной линии.
Для одинаковых промежутков нажмите Shift+A, выберите направление «Ряд» и задайте промежуток, например 24 px. Учтите, что это создаёт авто-лейаут и меняет правила расположения карточек.
Проверьте ряд на компьютере и телефоне. При необходимости настройте колонку или перенос строк в контейнере и убедитесь, что карточки не выходят за край.

Перемещение

Для свободного перемещения тяните элемент мышью. В авто-лейауте перетаскивание меняет порядок внутри контейнера; его отступы и направление настраиваются у контейнера.
Удерживайте Shift во время переноса — включатся магниты: элемент прилипнет к сетке, соседям и центру.
Стрелки двигают выделенное на 1 px, Shift+стрелки — на 10 px.
Alt+перетаскивание тащит копию элемента.
Удерживайте Alt, наведя курсор, — появятся расстояния до соседних элементов.

Размер и положение

Тяните за края или углы рамки выделения.
Точные значения — в полях X, Y, Ш, В в панели свойств. Замок рядом сохраняет пропорции.
Для контейнера: тяните край с Ctrl — растёт только сам контейнер, а содержимое сохраняет размер.
Угол поворота и отражение — в разделе «Вид» или клавишами Shift+H и Shift+V.

Выравнивание

Кнопки «Слева», «По центру», «Справа», «Сверху», «По центру», «Снизу» вверху панели свойств.
Выделено несколько элементов — они выравниваются между собой, один — по сетке сайта.
Клавиши: Alt+A, D, W, S прижимают влево, вправо, вверх, вниз; Alt+H и Alt+V центрируют.

Несколько элементов сразу

Shift+клик добавляет элемент к выделению, можно выделить рамкой на пустом месте.
Всю группу выделенного можно тащить разом.
В панели появятся «Общие свойства»: изменение применится ко всем. «разные» означает, что сейчас значения у элементов отличаются.

Стиль одного — на другой

Правый клик → «Копировать стиль», затем на другом элементе → «Вставить стиль».

Адаптивные правки размера и положения наследуются от компьютера к планшету и затем телефону. Сброс телефона вернёт планшетные значения, если они заданы; иначе — компьютерные. Содержимое и структура остаются общими.