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

Question

[WQP]

Здравствуйте, имеется ли какой-нибудь плагин для формирования заголовка и контента в одном блоке с фиксированной высотой?

О чём речь https://yadi.sk/i/sSJyMGAFvUxYp

Answer 1

[iBird Rose]

ну один из легких методов - дать к примеру для заголовка фиксированную высоту и overflow: hidden; тогда будет умещаться туда допустим 2 строки текста и все. остальное не будет видно.

Comments

[dhat]

Лучше не для заголовка (ему лучше быть полностью), а для текста. А многоточие как автоматически ставить?

[iBird Rose]

dhat: средствами css работает только через white-space: nowrap; text-overflow: ellipsis; и это работает только для одной строки) а так только со стороны бекенда.

[dhat]

iBird Rose: мне кажется можно JSом посчитать количество символов и добавлять многоточие.

Answer 2

[Ankhena]

1.
Используйте флекс боксы!

2.
JS/JQ

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

$(document).ready(function(){
    setEqualHeight($(".wrapper . div"));  /*делаем колонки  одинаковой высоты*/
});