2015-10-12 2 views

ответ

1

При установке контейнера в display: flex, по умолчанию он устанавливает flex-direction в row (то есть, все слайды отображаются в виде непрерывной линии).

Вы можете переключиться на вертикальное выравнивание, добавив flex-direction: column в контейнер.

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

+0

Фантастический, который избавился от слайдов, отображаемых в строке, но теперь, когда страница изначально загружает два слайда, сжат в контейнер, хотя я установил 'slidesToShow: 1'. Прокрутка сбрасывает карусель назад, показывая только один слайд. – Kerst

+0

Возможно, вы захотите опубликовать свой код или демо в своем вопросе. Но, основываясь на том, что вы говорите, кажется, что вы имеете дело с другим дефолтом по умолчанию. Свойство ['flex-wrap'] (https://css-tricks.com/almanac/properties/f/flex-wrap/) по умолчанию является' nowrap', то есть элементы flex (дочерние элементы) не будут обматываться. Попробуйте добавить в контейнер «flex-wrap: wrap» (хотя это может быть и не проблема, если вы находитесь в выравнивании столбца). Также попробуйте применить к каждому элементу гибкости 'width: 100%' или ['flex-basis: 100%'] (https://css-tricks.com/almanac/properties/f/flex-basis/). –

+0

К сожалению, ваши предложения не сработали. Я отправлю его как отдельную проблему. – Kerst

Смежные вопросы