Как сделать так, чтобы текст не выходил за границу блока в высоту?

Question

[friktor]

Вот скрин того как себя ведет сделанный мной блок, схема блока проста:
<div><p>текст</p></div>
Для блока задал такие стили: (если что это less: p внутри не ошибка - это дочерний элемент)

.desc {
	margin-top: 5px;
	height: 150px;
	p {
		height: 100px;
		text-overflow: flip;
	}
}

Как исправить чтобы все правильно отображалось и текст выходящий за 150px высоту обрезался с text-overflow?

Answer 1

[Дмитрий Хаперец]

overflow: hidden;

p {
	height: 100px;
	overflow: hidden;
}

Comments

[friktor]

Как раз то что искал, а почему именно с overflow он так реагирует? Вроде этот атрибут отвечает только за скрол-бар, или нет?

[Дмитрий Хаперец]

@friktor почитай доку) htmlbook.ru/css/overflow

[Юрий Лобанов]

@friktor overflow не атрибут, а свойство.