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

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

Kort
#46902 2023-06-12 11:00

В блоковом элементе (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;
}

 

SED.by - создание сайтов, разработка плагинов и тем для Котонти