@Kikotono

Как сделать блоки одинаковой высоты?

Способ с flexbox не совсем подходит. Он делает блоки одинаковой высоты только на одном ряде, а нужно на всех. Т.е. высота блоков должна равняться самой большой высоте
https://jsfiddle.net/mk4hhgnn/
  • Вопрос задан
  • 980 просмотров
Пригласить эксперта
Ответы на вопрос 3
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Ответ написан
Комментировать
@glagolew059
frontend developer
можно типо такого попробовать https://jsfiddle.net/hdc5kvfy/
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
При необходимости делаю так:

function setEqualHeight(columns){
	var tallestcolumn = 0;
    columns.each(function(){
		currentHeight = $(this).height();
        if(currentHeight > tallestcolumn){
			tallestcolumn = currentHeight;
        }
    });
    columns.height(tallestcolumn);
}


setEqualHeight($(".blocks"));  /*делаем блоки одинаковой высоты*/


p.s. но теперь (2020) для этого есть гриды.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы