swiper-slide 内容垂直居中

小小志 · 发表于 2015-5-5 09:32:11

首先谢谢管理员的解答，我先问下如何设置swiper-slide中的内容垂直居中

stitchC · 发表于 2017-10-9 16:05:31

不好意思我来挖坟了昨天也在苦恼这个问题但是今天算是解决了，解决方案并不能说是完美
swiper 会产生两个包裹层一个是 container，另外一个是 wrapper，我的解决方法是令这两个东西高度100%，再将wrapper 设置display 为 flex 然后设置 align-items: center 就可以了

疯子太白 · 发表于 2019-6-18 17:32:44

stitchC 发表于 2017-10-9 16:05
不好意思我来挖坟了昨天也在苦恼这个问题但是今天算是解决了，解决方案并不能说是完美
swiper 会产生两个 ...

我也来挖坟了，你回答的非常棒

a814274811 · 发表于 2018-5-11 14:32:50

为了20金币我也是蛮拼的

rster · 发表于 2018-4-17 17:15:25

stitchC 发表于 2017-10-9 16:05
不好意思我来挖坟了昨天也在苦恼这个问题但是今天算是解决了，解决方案并不能说是完美
swiper 会产生两个 ...

高人，我也为这个问题苦恼好久，用你的方法，解决多谢

柒侠伍义 · 发表于 2017-10-25 17:46:37

http://bbs.swiper.com.cn/forum.p ... p;extra=&page=1

第09章：图片铺满窗口问题

荷斯坦阿云 · 发表于 2016-2-17 15:14:58

小小发表于 2015-8-6 10:40
我也很想知道，怎么垂直居中，没人回答了么

我的方式是把图片用background来展现出来background-position:center 0，然后这个展现背景图片的div在silde这个div下面，给这个div再width:100%;设置个高度完事了~~

小小 · 发表于 2015-8-6 10:40:27

我也很想知道，怎么垂直居中，没人回答了么

mzl · 发表于 2015-5-28 14:46:03

mzl 发表于 2015-5-28 14:44
如果各个切换页面的高度不一样，底部会出现空白怎么去掉

有的页面比较高，而又的页面比较短，高的页面会超过屏幕的高度

mzl · 发表于 2015-5-28 14:44:21

如果各个切换页面的高度不一样，底部会出现空白怎么去掉

swiper-slide 内容垂直居中

浏览过的版块