Truncate Text — это техника, которая позволяет обрезать длинный текст, если он не помещается в заданное пространство, и отобразить многоточие вместо обрезанного текста:
.truncated-text {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}Данный подход помогает сохранить аккуратный и лаконичный внешний вид элемента.