#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;
.
Комментарии:
1. Без примера это просто комментарий.
Ответ №3:
я просто меняю размер столбца, теперь вы можете видеть, что все они имеют одинаковый размер, вы можете получить это, назначив соответствующий размер каждому столбцу
Комментарии:
1. Старайтесь избегать публикации скриншотов кода / примеров. Почти всегда лучше опубликовать фрагмент .