Как укоротить <span>в зависимости от его длины, добавив к нему многоточие (...)

Question

Я хочу обрезать (практически вырезать) содержимое диапазона и добавить к нему многоточие (...), если его ширина превышает определенный размер.Проблема заключается в том, что одна буква может быть большой буквой "w" (W) или, например, маленькой буквой "i" (i), которая сильно различается по размеру, поэтому усечение, основанное на количестве букв, работает не очень хорошо.Как я могу предварительно рассчитать длину деления, чтобы я мог, например, отрезать несколько букв и добавить к нему многоточие?

Answer 1

Не делайте этого с Angular.Вы должны использовать CSS для добавления эллипсов.Вот пример класса, который вы можете применить к диапазону, который автоматически усекает отображаемый текст:

.truncate-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px; /* your width */
    display: block;
    overflow: hidden
}