【发布时间】：2016-04-07 05:08:28
【问题描述】：
slick 是否与 flexbox 显示不兼容？如果我的div 容器设置为display: flex，则所有幻灯片都显示为一条实线。
【问题讨论】：
标签： jquery css flexbox slick.js
【发布时间】：2016-04-07 05:08:28
【问题描述】：
当您将容器设置为display: flex 时，默认情况下它会将flex-direction 设置为row（即，所有幻灯片都显示为连续线）。
您可以通过将flex-direction: column 添加到容器来切换到垂直对齐方式。
您还可以嵌套 flexbox，使您能够将一些元素对齐在一行中，而将其他元素对齐在一列中。
【讨论】：
-
太棒了，它摆脱了连续显示的幻灯片，但是现在当页面最初加载时，即使我设置了
slidesToShow: 1，两张幻灯片也会被挤入容器中。滚动会将轮播重置为仅显示一张幻灯片。 -
您可能想在您的问题中发布代码或演示。但根据您所说的，似乎您正在处理另一个 flexbox 默认值。
flex-wrap属性默认为nowrap，这意味着弹性项目（子元素）不会换行。尝试将flex-wrap: wrap添加到容器中（尽管如果您处于column对齐中，这可能不是问题）。还可以尝试将width: 100%或flex-basis: 100%应用于每个弹性项目。 -
很遗憾，您的建议没有奏效。我会把它作为一个单独的问题发布。
-
如果您在问题中发布足够多的代码以便重现问题，通常会更好。现场演示也很有用。如果你能做到，请告诉我。我会仔细看看。