swiper插件自动轮播怎么只显示3个div

在使用swiper插件的时候将loop设置为true，将slidesPerView设置为3，得到的是被压缩的数个div，怎么样才能让div最多只显示3个？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
wlh_150568 2017-09-06 02:45
关注
朋友你好这个问题解决了么我现在也遇到这个问题请教

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

怎么用用Swiper写自动轮播图 css html5 javascript
2021-02-02 14:01

回答 3 已采纳 <script> var swiper = new Swiper('.swiper-container', { spaceBetween: 30, cen
swiper插件使用轮播图 html javascript 前端
2022-10-15 13:50

回答 3 已采纳 CSS的确是用link引入，但是JS需要用script，文件路径放在src。 <script src="./js/index.js"></script> 如有帮助请采纳，谢
swiper轮播图的分页器显示在图片外面 javascript vue.js 有问必答
2021-10-17 16:24

回答 1 已采纳调整下导航容器样式swiper-pagination内容 .wrapper >>> .swiper-pagination bottom: 20px
swiper移动端轮播插件（触碰图片之后停止轮播）
2021-01-19 16:32

下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了解些，看官们这里请 swiper 插件的官方地址。第一步引入 swiper.min.js [removed][removed] 第二步...
Swiper组件的pagination圆点不显示 javascript
2022-05-17 14:18

回答 2 已采纳已经解决了...pagination不能写成对象，写成pagination:".类名"就行但是没搞明白为什么是这样
swiper轮播图使用v-if隐藏再显示后空白 html vue.js 有问必答
2022-08-07 16:28

回答 3 已采纳 v-if是重新生成dom，需要重新初话过一次swiper，就是window.onload中的代码放到一个函数里面，在显示的时候重新调用一次。比如下面这样，在v-if显示swiper的代码后面用next
Swiper的pagination小圆点无法显示 css javascript 前端
2022-05-17 14:27

回答 3 已采纳已经解决了...pagination不能写成对象，写成pagination:".类名"就行但是没搞明白为什么是这样
非常优秀的JS图片轮播插件Swiper的用法
2020-11-28 01:16

最近在一个微信公众号中用到了swiper图片轮播插件。接下来为大家介绍插件的用法首先需要下载Swiper 1：加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。 <!DOCTYPE html> <html> <head...
swiper8 滑块轮播图样式怎么写 vue.js
2022-06-21 16:24

回答 3 已采纳这个是哪个网站里的，你可以在github上搜搜有没有仿写的
轮播图外嵌套一层选项卡，swiper轮播图不能轮播，求前端师傅解决 javascript vue.js 前端有问必答
2022-04-10 19:11

回答 2 已采纳切换到对应tab的swiper后，调用swiper实例的updateSize方法重新计算Swiper的尺寸试试https://www.swiper.com.cn/api/methods/252.htm
请问请问为什么我的轮播图不能显示完全啊微信小程序
2022-02-16 16:33

回答 3 已采纳看着图片不是完全的吗？swiper、image 都需设置高度
[js] Swiper插件实现轮播图
2021-10-16 22:38

533_的博客文章目录轮播图插件swiper下载方式swiper使用方法1.解压文件，引用js\css文件2.到官网点击 “API文档” 查看使用说明介绍3.在官网上查找所需轮播图，引用其html和css以及js代码4.根据自己的需求，结合官网API文档，...
请问swiper里的自动切换宽度怎么改 css3 html5 javascript
2022-05-11 17:31

回答 2 已采纳 1.自己写一个css样式后面加上！important覆盖原来的css，如果不行的话，去swiper官网，查一下一些配置项，找到参数改一下就行了。应该在js文件里.
完善使用Swiper插件做轮播
2019-10-24 15:53

新手前端王老四的博客如果你想写一个轮播图，Swiper插件是一个不错的选择方案，非常容易上手。还记得我的第一篇博文，那是我实习的第一天写的，写的内容也关于轮播图。如何使用Swiper做轮播，首先找到Swiper官网：...
【Vue项目笔记心得】Swiper插件用于轮播图
2022-04-21 19:57

翘阳啦的博客 1、首先先下载一个版本的swiper，这里以5.4.5为例，官网地址：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 2、先在index.html中引入swiper包，包括css和js <!DOCTYPE html> <html> <head...
没有解决我的问题, 去提问

悬赏问题

¥15 链接问题 C++LNK2001 无法解析的外部符号
¥50 安装pyaudiokits失败
¥15 计组这些题应该咋做呀
¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
¥15 让node服务器有自动加载文件的功能
¥15 jmeter脚本回放有的是对的有的是错的
¥15 r语言蛋白组学相关问题
¥15 Python时间序列如何拟合疏系数模型
¥15 求学软件的前人们指明方向🥺
¥50 如何增强飞上天的树莓派的热点信号强度，以使得笔记本可以在地面实现远程桌面连接