- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将 slidesPerView: 'auto'
与 spaceBetween: 20
属性一起使用,但是 Swiper每个 View 仅显示一张幻灯片。
我想在第一张幻灯片之后显示下一张幻灯片,即使它会被文档宽度切割。
$(document).ready(function () {
//initialize swiper when document ready
var mySwiper = new Swiper('.swiper-container', {
// Optional parameters
loop: false,
slidesPerView: 3,
spaceBetween: 40,
navigation: {
prevEl: '.slider .prev-btn',
nextEl: '.slider .next-btn',
},
breakpoints: {
1200: {
slidesPerView: 'auto',
spaceBetween: 40,
},
830: {
slidesPerView: 'auto',
spaceBetween: 10, // <- doesn't work
}
}
});
});
但它每个 View 只显示一张幻灯片,并忽略选项中设置的空间。
如何严格设置幻灯片间距?
最佳答案
我在使用 slidesPerView 时遇到了同样的问题:“auto”总是只显示一张幻灯片。我的解决方案是使用 CSS:(codepen)
.swiper-container{
width: 100%;
}
.swiper-wrapper {
width: 50%;
}
.swiper-slide {
text-align: center;
width: auto;
}
.slide-image {
height: 400px;
width: auto;
}
.my-gallery figure {
margin: 0px;
}
关于javascript - Swiper spaceBetween 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56996486/
我正在尝试将 slidesPerView: 'auto' 与 spaceBetween: 20 属性一起使用,但是 Swiper每个 View 仅显示一张幻灯片。 我想在第一张幻灯片之后显示下一张幻灯
我想将 Upcoming 文本推到底部,而 7 pax 文本保留在顶部。我对该列使用了 verticalArrangement = Arrangement.SpaceBetween,但它没有任何效果,
这是我构建项目 View 容器的代码: Widget buildItemView(InboxItem t) { return GestureDetector( behavior: HitTestB
final List myTabs = [ new Tab(text: 'a'), new Tab(text: 'b'), new Tab(text: 'c'), ne
所以我要做的是让 3 个 div 垂直对齐,第一个在顶部,第二个在中间,第三个在底部。 我的 HTML: 为什么这不起作用?他们在顶部对齐,一个在另一个下面。 最佳答案 因为你没
我有一个包含两列信息的 Card 小部件。最左边的列包含图标上方的一行文本 - 我想要卡片顶部的文本和底部的图标。卡片的高度由右侧的 Column 给出(它有一个更大的图标和下面的一行文本)。但我无法
我是一名优秀的程序员,十分优秀!