안녕하세요 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 });
답변 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
