wrapperClass
自定义包装容器Wrapper 的css类名。
wrapperClass信息
- 类型：
- string
- 默认：
- swiper-wrapper
- 举例：
- my-wrapper
- 启用版本：
- 4.0.0
效果演示
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<div class="swiper">
<div class="my-wrapper">
<div class="swiper-slide">
slider1</div>
<div class="swiper-slide">
slider2</div>
<div class="swiper-slide">
slider3</div>
</div>
</div>
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
wrapperClass : 'my-wrapper',
//也可使用复数(v6.7.1)，注意格式 wrapperClass :'my-wrapper, my-wrapper2, my-wrapper3'
})
</script>
<style type="text/css">
.my-wrapper{
display: flex;
}
</style>
转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/namespace/72.html