@harts_1493

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

Здраствуйте.
Ни как не могу понять, как лучше решить данную задачу.

Пытаюсь создать с помощью скрипта swiper слайдер, но чтобы в слайдере блоки находящиеся на одном горизонтальном уровне имели одинаковую высоту.
Пример:
Все блоки 1 имели одинаковую высоту, также с блоками 2,3,4 и т.д.
61cdd73d51c26493481504.png
Я думал сделать каждый раз новый слайдер, например:
<div class="swiper">
      <div class="swiper-wrapper">
            <div class="swiper-slide">1</div>
            <div class="swiper-slide">1</div>
            <div class="swiper-slide">1</div>
      </div>
</div>
<div class="swiper">
      <div class="swiper-wrapper">
            <div class="swiper-slide">2</div>
            <div class="swiper-slide">2</div>
            <div class="swiper-slide">2</div>
      </div>
</div>


ИЛИ

<div class="swiper">
      <div class="swiper-wrapper">
            <div class="swiper-slide">1</div>
            <div class="swiper-slide">1</div>
            <div class="swiper-slide">1</div>
      </div>
      <div class="swiper-wrapper">
            <div class="swiper-slide">2</div>
            <div class="swiper-slide">2</div>
            <div class="swiper-slide">2</div>
      </div>
</div>


Но в первом случи не получилось синхронизировать стандартными средствами, а во втором ломал скрипт.
Помогите пожалуйста решить данную задачу.
  • Вопрос задан
  • 340 просмотров
Пригласить эксперта
Ответы на вопрос 2
Точно такую же задачу решил с помощью библиотеки masonry.
Ответ написан
imko
@imko
Senior Scratch Developer
доки
1fr для каждого ряда
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы