Editor X: Как поместить элемент в контейнер?
3 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Хотите разместить элемент на странице так, чтобы он вел себя адаптивно и при этом на нем хорошо работал эффект обтекания? Поместите элемент в прозрачный контейнер и он всегда будет на своем месте на экране любого размера. Контейнер можно настроить в полном соответствии с вашими потребностями.
Содержание:
В чем разница между этим контейнером и стеком?
Оба элемента представляют собой прозрачные боксы, которы добавляются вокруг элементов. Стеки лучше всего использовать для элементов, расположенных по вертикали. В свою очередь, контейнер хорошо работает с любым типом расположения элементов.
Размещение элементов в контейнере
Вы можете добавить адаптивный контейнер, чтобы разместить в нем любую группу элементов на странице. Выберите два элемента или более, а затем нажмите Разместить в контейнере.
Не видите эту кнопку?
Нажмите на выбранные элементы правой кнопкой мыши и выберите команду Разместить в контейнере. Вы также можете нажать сочетание клавиш Alt + C (для Mac: Option + C ) на клавиатуре.
Настройка контейнера
По умолчанию контейнер, который добавляется вокруг элементов, остается прозрачным. Однако вы можете изменить цвет фона, чтобы он соответствовал стилистике страницы, настроить параметры границы и углов, а также добавить тень.
Вы также можете настроить размер, положение и тип расположения контейнера и каждого отдельного элемента. Элементы автоматически прикрепляются к краям контейнера, но вы можете перенастроить это по своему усмотрению.
Чтобы настроить контейнер:
- Выберите новый контейнер, созданный вокруг ваших элементов.
- Нажмите значок Инспектора
в правом верхнем углу Editor X. - (В Инспекторе) Настройте контейнер, используя доступные параметры во вкладках Макет
и Дизайн 
.
Удаление контейнера
Вы в любой момент можете удалить контейнер, не нарушая дизайн страницы — все элементы останутся на своих местах.
Нажмите правой кнопкой мыши на контейнер и выберите Удалить контейнер. Вы также можете нажать Alt + Shift + C на клавиатуре ПК или Option + Shift + C на Mac.
Была ли статья полезна?
|