Усечение текста внутри div [дубликата]
На этот вопрос уже есть ответ здесь:
Усечение длинных строк с помощью CSS: возможно? 6 ответовУ меня есть какой-то динамический текст (взятый из моей базы данных), который мне нужно вписать в мой div.
Мой div имеет фиксированный размер, но когда текст становится длинным, он уходит в две строки. Если текст слишком длинный, я хотел бы поставить три точки в конце, чтобы он поместился внутри одной строки.
Так напримерMy really long text
становитсяMy really lo...
Я попробовал несколько попыток, но в основном все они зависят от подсчета символов в некотором роде. Это не очень удачно, так как персонаж не имеет фиксированной ширины. Например, заглавная буква W намного шире, чем маленькая буква i.
Поэтому у меня возникают две проблемы с подходом подсчета символов:
Если текст содержит много узких символов, он обрезается и добавляется с помощью ..., даже если текст на самом деле помещается в одну строку даже в нем ».оригинальная форма.
Текст содержит много широких символов и заканчивается двумя строками даже после того, как я обрезал его до максимального числа символов и добавил точки.
Есть ли здесь какое-либо решение (JavaScript или css?), Которое учитывает фактическую ширину текста, а не количество символов?