Добавить точку точки Dot без использования Ellipsis в CSS [дубликат] ⇐ Html

[Anonymous]

Я работаю в приложении с использованием японского языка, а Ellipsis неловко при использовании определенного семейства шрифтов и текстового перерыва: Ellipsis . Я не хочу менять язык или семью шрифтов, но мне нужно добавлять «...» в конце, когда происходит скрытое переполнение. < /P>
Как вы можете видеть на следующей картинке. , Text-Overflow: ellipsis дает странный эллипсис при использовании lang = 'ja' и семейства шрифтов: 'meiryo', 'Hiragino kaku Gothic pron', 'ms pgothic', sans-serif ; .

Я попробовал: < /p>

Код: Выделить всё

   text-overflow: '...';
overflow: hidden;
< /code>
Но он работает только в Firefox, а не в Chrome. < /p>
Я также попробовал
style.less

Код: Выделить всё

  .myClass {
overflow: hidden;
&::after {
content: '...';
}
}
< /code>
Но я не вижу точек в конце. Также я думаю, что этот подход не будет работать, потому что он все равно покажет, когда я не произойдет. -Overflow: Ellipsis 

свойство?
Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/750 ... sis-in-css