Из данной статьи вы узнаете, как с помощью панели «Выравнивание» выровнять два элемента страницы или более.

Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.

Выравнивание объектов на веб-странице Adobe Muse

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

Чтобы открыть панель Выравнивание, выберите Окно > Выровнять или нажмите вкладку Выравнивание, чтобы сделать ее активной в наборе панелей. Когда панель Выравнивание открыта, в меню Окно рядом с пунктом Выровнять отображается флажок.

В этом примере мы выполним выравнивание кнопки Share с изображением подтека под ней. Выполните следующие действия.

  1. С помощью инструмента Выделение выделите кнопку Share. Нажмите и удерживайте клавишу Shift, чтобы выделить изображение подтека под коричневой полосой, помещенной ранее.

  2. Когда оба объекта выделены, просмотрите доступные параметры на панели Выравнивание.

    alignpanel
    Используйте параметры на панели «Выравнивание» для настройки положения одного или нескольких объектов на странице.

    В меню вверху панели Выравнивание выберите элементы, которые необходимо выровнять:

    Выровнять по выделенной области: выравнивание выделенных элементов относительно друг друга

    Выровнять по области содержимого: выравнивание выделенных элементов относительно окружающей области содержимого

    Раздел Выровнять объекты содержит шесть параметров:

    • Выровнять по левому краю
    • Выровнять центры по горизонтали
    • Выровнять по правому краю
    • Выровнять по верхнему краю
    • Выровнять центры по вертикали
    • Выровнять по нижнему краю

    Раздел Распределить объекты также содержит шесть параметров:

    • Распределить левые края
    • Распределить центры по горизонтали
    • Распределить правые края
    • Распределить верхние края
    • Распределить центры по вертикали
    • Распределить нижние края

    В целях данного примера нам необходимо выровнять кнопку Share с изображением подтека по вертикали, чтобы их центры находились на горизонтальной средней точке.

  3. Выбрав в верхнем меню значение Выровнять по выделенной области, нажмите кнопку Выровнять центры по горизонтали. Обратите внимание, как изменится положение элементов друг над другом и будут выровнены их горизонтальные средние точки.

    Примечание.

    Другой способ выровнять объекты по центру — перетащить один из элементов. Когда он будет выровнен относительно другого объекта, временно отобразится синяя линия.

    fig_48_getting
    При перетаскивании элемента синяя линия отображается, когда объект выравнивается с другим объектом на странице.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет