Как сделать чтобы заголовки в блоках были одинаковой высоты вне зависимости от кол-ва текста?

Question

[5eppuku]

Высота блоков уже одинаковая

Answer 1

[Илья]

Задать фиксированную высоту для самих заголовков. Если это очень рандомное значение с помощью JS (ищите максимальную высоту в строке и приравниваете заголовкам). Определить элементы на одной строке можно через offset.top - он одинаковый должен быть.

Comments

[5eppuku]

а если контента будет больше чем на заданную мною высоту ?

[Илья]

5eppuku, можете сделать min-height, тогда в 90% случаев будет все ок. Когда высота будет больше нужного значения, то просто растянется (это если CSS), если говорить про JS то пофиг вообще. Ну а если зайти с точки зрения данных - то названием в любом случае должно иметь потолок по длине, поэтому в целом вы можете высчитать максимальное значение заголовка, и следовательно максимальную высоту подогнать

Answer 2

[princip31]

что то типо того на JS, только вставь свое название класса вместо level-0

Comments

[princip31]

<script>
	function setEqualHeight(columns) { 
		var heightcolumn = 0; 
		columns.each( function() { 
			currentHeight = $(this).height(); 
			if(currentHeight > heightcolumn) { heightcolumn = currentHeight; } } ); 
			columns.height(heightcolumn); 
		} 
		
		$(document).ready(function() { setEqualHeight($(".level-0")); });
</script>

Answer 3

[Типа Программист]

Можно этим карточкам сделать wrap или обвёртку, и сделать её флексовым. Тогда все дивы в этом блоке будут зависеть от высоты самого большого блока. Тогда другие будут растягиваться с ним. Вродебы вопрос так понял)