Forums / National / Russian / Тех. поддержка / Запросы документации

Принимаем вопросы от населения

Kabak
#47113 2023-09-26 18:56
#46902 Kort:

В блоковом элементе (div или p, например) текст "врапится" в зависивости от его ширины. При адаптивной верстке пользовательского текста вообще загадка сколько будет чего (и будет ли вообще). Поэтому одновременно управлять количеством символов в строке и количеством строк в блоке теоретически можно только, например, через jquery. Практически есть два нормальных решения.

Можно ограничить все одной строкой:

.text-truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

Или можно ограничить количество строк:

.limitlines2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

 

Как гораничить количество символов в строке с помощью CSS ?