Как скрывать текст в блоке не по словам, а по буквам?

Question

[stanislavkm]

если не помещаются все выбранные элементы в блок, должно появляться троеточие. использовал:

white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

нужно, чтобы слово обрезалось по тому символу, где оно не вмещается, у меня же в этом случае обрезается строка не по символам, а по словам.
есть догадка: стилизую компонент элемент плюса, и что-то перебивает то, что мне нужно? или может быть что-то другое?

Comments

[ForSureN1]

Насколько мне известно, такого способа нет с использованием только css, через js можно ограничить кол-во допустимых символов, и заменять последние 3 символа на 3 точки

[Ankhena]

у меня же в этом случае обрезается строка не по символам, а по словам.

По умолчанию она должна обрезаться по символам.

Так что приложите, пожалуйста, песочницу на codepen.io, чтобы было видно что вы такое там натворили.