Измените размер всех карт подряд, если одна из них изменена

#javascript #jquery #css #angular

#javascript #jquery #css #угловой

Вопрос:

У меня есть четыре карточки, которые видны в верхней части страницы. Высота карточки изменяется в соответствии с текстом внутри нее. Карты изменяются при изменении размера окна. Я хочу убедиться, что все карты в строке имеют одинаковую высоту.

Демонстрация Stackblitz:https://stackblitz.com/edit/angular-xv3syn

Что я пытаюсь сделать, так это получить максимальную высоту среди карт и установить ту же высоту для других карт. Каков наилучший способ добиться этого?

1. Почему бы вам не создать массив высот и использовать Math.max() , чтобы определить максимальную высоту и использовать ее во всех карточках?

2. Это просто заменит часть if else. Я уже устанавливаю максимальную высоту для других карт.

Ответ №1:

Добавьте это в свой элемент столбца

 .col-md-6{
  display:grid;
}

Ответ №2:

вы можете сделать это с помощью свойства CSS display: flex; .

Ответ №3:

я просто меняю размер столбца, теперь вы можете видеть, что все они имеют одинаковый размер, вы можете получить это, назначив соответствующий размер каждому столбцу