안녕하세요.

이제 입문한 초보입니다.. 구글링해도 답이 없어서 질문 올리게 됐습니다.

스와이퍼 슬라이더 써서 모바일 웹을 만들고 있는데요.. 

이런식으로 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
 });