Как выровнять блоки по высоте?

Question

[mercmarcus]

Вот такой вот слайдер (плагин сторонный). Там вроде встроенные настройки нету. Я по css добавлял туда бордер, бордер стайл итд. Ну как выровнаять высоту? То есть нужна высота для всех блоков от самого длинного заголовка (блок номер 3). Надеюсь поняли меня.

UPD. Решил вопрос таким образом:

Вот стиль блока:

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

Я туда добавил display: flex и отключил высоту:

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform;
    display: flex
}

Comments

[Ankhena]

Если это swiper, то нужно убрать у слайдов высоту 100%.

Если не swiper, то смотреть, что в стилях и почему они стали такой высоты.
Может, сами слайды одинакового размера, но внутри есть доп обертка.
Или еще что-нибудь.
По скрину этого не определить.

[mercmarcus]

Ankhena, Десйтвительно, убрал высоту и добавил display: flex

Спасибо!

[Ankhena]

mercmarcus, флекс там и так должен был быть

[mercmarcus]

Ankhena, не был. В контенейре был, но в блоке не был.

Answer 1

[Павел]

1) Задать контейнеру слайдера display:flex.
Если такой возможности нет:
2) Задать слайду фиксированную высоту.
3) Явно указать размеры блока для изображения и названия статьи

Comments

[mercmarcus]

Там вроде есть flex.

Контейнер:

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

Блоки:

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

[GogaKler]

mercmarcus, Попробуй элементу указать dispaly: flex.
А так вообще немного непонятно, залей хотя-бы код одного слайда

Answer 2

[Kvason]

Сделайте фиксированную высоту