查看: 17497|回复: 12
打印 上一主题 下一主题

swiper-slide 内容垂直居中

[复制链接]

该用户从未签到

6

主题

11

帖子

40

积分

新手上路

Rank: 1

积分
40
跳转到指定楼层
楼主
发表于 2015-5-5 09:32:11 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式
首先谢谢管理员的解答,我先问下如何设置swiper-slide中的内容垂直居中
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

6

主题

11

帖子

40

积分

新手上路

Rank: 1

积分
40
沙发
 楼主| 发表于 2015-5-5 17:40:56 | 显示全部楼层
275189279 发表于 2015-5-5 15:54
里面的内容垂直居中就跟swiper没关系了吧,就是正常div包裹起来,如果高度百分百,那么用下绝对定位,然后m ...

是每个swiper-slide 滑块的内的内容居中,你说的那几个方法都不适合,因为如果swiper-slide 滑块里面是图片的话,每张图片按比例缩放的宽高都不一样,更不可能用JS来计算,内容的高度不确定 垂直居中只能用到display:table-cell; vertical-align:middle;,但是这种方法由于受到默认样式swiper-wrapper层这个display: flex;属性的限制变的无效了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-20 00:40 , Processed in 0.063869 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表