Как можно обрезать текст по строке и поставить 3 точки, чтобы оно работало на direction:rtl и на safari?

Question

[harutoqsuzyan]

Я попробовал это код:

overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;

Оно не работает, когда у меня direction:rtl.
И это проблема только на safari.

Answer 1

[Danny Arty]

Comments

[harutoqsuzyan]

Спасибо за ответ, но меня нужно чтоб было несколько строк,
чтоб осталось: -webkit-line-clamp: 3.

[Danny Arty]

harutoqsuzyan, обновил ответ. Но с Safari и EI придется повозиться, так как -webkit-line-clamp не работает в нем. В инете есть несколько костыльных решений.