Является ли пятно несовместимым с дисплеями flexbox? Если мой контейнер div
установлен в display: flex
, все слайды отображаются как сплошная линия.Плагин JQuery для плагинов с Flexbox
0
A
ответ
1
При установке контейнера в display: flex
, по умолчанию он устанавливает flex-direction
в row
(то есть, все слайды отображаются в виде непрерывной линии).
Вы можете переключиться на вертикальное выравнивание, добавив flex-direction: column
в контейнер.
Вы также можете вставлять flexboxes, позволяя выравнивать некоторые элементы в строке и другие в столбце.
Фантастический, который избавился от слайдов, отображаемых в строке, но теперь, когда страница изначально загружает два слайда, сжат в контейнер, хотя я установил 'slidesToShow: 1'. Прокрутка сбрасывает карусель назад, показывая только один слайд. – Kerst
Возможно, вы захотите опубликовать свой код или демо в своем вопросе. Но, основываясь на том, что вы говорите, кажется, что вы имеете дело с другим дефолтом по умолчанию. Свойство ['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/). –
К сожалению, ваши предложения не сработали. Я отправлю его как отдельную проблему. – Kerst