Editor X: О стеках

3 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Стекинг — полезный инструмент в адаптивном дизайне: без него элементы, расположенные друг над другом, могут взаимно перекрываться на небольших экранах. Когда вы помещаете элементы в стеки, они оказываются во гибком контейнере с отступами, которые вы можете контролировать.
Работа с экранами разных размеров:
Соединение и разъединение элементов стека меняет версии вашего сайта для экранов всех размеров. Подробнее об изменениях, которые применяются ко всем размерам экранов

Обеспечение адаптивности

Адаптивные сайты часто содержат элементы, у которых размер и положение меняются в зависимости от размера экрана. Это может привести к тому, что элементы будут перекрываться или расстояние между ними уменьшится на экранах небольшого размера.
Стек помещает ваши элементы в контейнер, который автоматически подстраивается под разные размеры экрана. Таким образом вы сможете обеспечить адаптивность вашего макета.

Ниже пример того, что происходит с элементами, которые НЕ СОЕДИНЕНЫ В СТЕК, при изменении размера экрана:
Совет:
При размещении элементов в стеке гибкий контейнер становится их родительским элементом. Перейдите в панель «Слои» , чтобы увидеть взаимосвязи между всеми элементами.

Настройка гибкого контейнера

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

Контроль расстояния между элементами

Элементы в стеке разделяются вертикальными отступами. Чтобы увидеть полоски, отображающие текущие отступы, наведите курсор на стек или выделите его. Дважды щелкните на элементы внутри стека и переместите их, чтобы изменить расстояние между ними.
Другой вариант позволяет сделать все отступы одинаковыми по высоте: для этого в панели Инспектора нужно ввести конкретное значение в пикселях или в % в поле Между элементами в разделе Настройки стека.
Совет:
На этой же панели вы также можете выровнять все элементы стека по левому краю, по центру, по правому краю или по ширине.

Была ли статья полезна?

|