Editor X: Работа с невмещающимся контентом в контейнерах и секциях

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

Отображение невмещающегося контента

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

Чтобы показать не вмещающийся контент:

  1. Нажмите на соответствующий контейнер или секцию.
  2. Нажмите на значок Инспектора в верхней части Editor X.
  3. Перейдите во вкладку Макет .
  4. Нажмите на раскрывающийся список в разделе Невмещающийся контент и выберите Показать.
В приведенном ниже примере вы можете увидеть, что невмещающийся показан:

Как скрыть невмещающийся контент

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

Чтобы скрыть не вмещающийся контент:

  1. Нажмите на соответствующий контейнер или секцию.
  2. Нажмите на значок Инспектора в верхней части Editor X.
  3. Перейдите во вкладку Макет .
  4. Нажмите на раскрывающийся список в разделе Невмещающийся контент и выберите Скрыть.
В приведенном ниже примере вы можете увидеть, что не вмещающийся контент обрезается и скрывается:

Прокрутка невмещающегося контента

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

Чтобы настроить прокрутку не вмещающегося контента:

  1. Нажмите на соответствующий контейнер или секцию.
  2. Нажмите на значок Инспектора в верхней части Editor X.
  3. Перейдите во вкладку Макет .
  4. Нажмите на раскрывающийся список в разделе Невмещающийся контент и выберите Прокрутка.
  5. Нажмите на раскрывающийся список Направление прокрутки и выберите вариант прокрутки: вертикальная, горизонтальная или оба варианта.
  6. Нажмите на переключатель, чтобы показать или скрыть полосу прокрутки.
В приведенном ниже примере посетители могут прокрутить страницу вниз, чтобы увидеть невмещающийся текст:

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

|