안녕하세요 swiper 슬라이드 질문입니다..
본문
안녕하세요.
이제 입문한 초보입니다.. 구글링해도 답이 없어서 질문 올리게 됐습니다.
스와이퍼 슬라이더 써서 모바일 웹을 만들고 있는데요..
이런식으로 180px짜리 그림을 스와이프 하려고 합니다.
문제는 swiper-slider부분에 width:180px을 주고 sliderPerView:'auto'로 줘도 자동으로 값이 205px씩 잡히는데.. 해결할 수 있을까요?
ㅡㅡㅡㅡㅡcssㅡㅡㅡㅡㅡㅡㅡ
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
width:180px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
ㅡㅡㅡㅡㅡ스크립트ㅡㅡㅡㅡㅡ
var swiper = new Swiper('.swiper-container', {
slidesPerView:'auto',
spaceBetween: 15,
clickable : true
});
