В блоковом элементе (div или p, например) текст "врапится" в зависивости от его ширины. При адаптивной верстке пользовательского текста вообще загадка сколько будет чего (и будет ли вообще). Поэтому одновременно управлять количеством символов в строке и количеством строк в блоке теоретически можно только, например, через jquery. Практически есть два нормальных решения.
Можно ограничить все одной строкой:
CSS
1
2
3
4
5
.text-truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
Или можно ограничить количество строк:
CSS
1
2
3
4
5
6
.limitlines2{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
Как гораничить количество символов в строке с помощью CSS ?
