Как сделать так, чтобы ширина слайдера была такой же, как у ребенка? - PullRequest
Новая
       19

Как сделать так, чтобы ширина слайдера была такой же, как у ребенка?

0 голосов
/ 17 апреля 2019

Я пытаюсь реализовать слайд-шоу с использованием swiperjs с параметром slidesPerView: 'auto' со следующим макетом: 

    <div class="swiper-container">
        <div class="swiper-wrapper">
                <div class="swiper-slide py-3">
                    <div class="swiper-zoom-container">
                        <img src="...">
                    </div>
                </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination-wrapper">
            <div class="swiper-pagination"></div>
        </div>
    </div>

проблема в том, что независимо от того, насколько мала ширина изображения, слайды всегда имеют ширину 100%, например Мне нужно сделать оранжевые контейнеры здесь такими же широкими, как их серые дети:

https://codepen.io/anon/pen/JVpBZO

Я не могу просто жестко закодировать ширину, поскольку заранее не знаю.

Я пытался установить display: inline-flex на .swiper-slide, но это ничего не меняет.

...