Усечение текста внутри div [дубликата]

На этот вопрос уже есть ответ здесь:

Усечение длинных строк с помощью CSS: возможно? 6 ответов

У меня есть какой-то динамический текст (взятый из моей базы данных), который мне нужно вписать в мой div.

Мой div имеет фиксированный размер, но когда текст становится длинным, он уходит в две строки. Если текст слишком длинный, я хотел бы поставить три точки в конце, чтобы он поместился внутри одной строки.

Так напримерMy really long text становитсяMy really lo...

Я попробовал несколько попыток, но в основном все они зависят от подсчета символов в некотором роде. Это не очень удачно, так как персонаж не имеет фиксированной ширины. Например, заглавная буква W намного шире, чем маленькая буква i.

Поэтому у меня возникают две проблемы с подходом подсчета символов:

Если текст содержит много узких символов, он обрезается и добавляется с помощью ..., даже если текст на самом деле помещается в одну строку даже в нем ».оригинальная форма.

Текст содержит много широких символов и заканчивается двумя строками даже после того, как я обрезал его до максимального числа символов и добавил точки.

Есть ли здесь какое-либо решение (JavaScript или css?), Которое учитывает фактическую ширину текста, а не количество символов?

Ответы на вопрос(4)

Ваш ответ на вопрос