Android / webkit text-overflow: эллипс не работает

Я пытаюсь получить следующий код для работы на телефоне androind 2.1 (интерфейс HTC Sense):

h1 { font-size: 14px; font-weight: bold; color: #FFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 

Однако свойство переполнения текста не работает. Имеет ли кто-нибудь еще эту проблему или нашел способ обойти ее?

На Android 2.2 и 4, я использую высоту линии, превышающую размер шрифта (всегда em) с типом отображения «-webkit-box» и вертикальной ориентацией.

Вот пример:

 .myClass{ display : -webkit-box; -webkit-box-orient : vertical; text-overflow : ellipsis; -webkit-line-clamp : 3; overflow : hidden; font-size : 0.9em; line-height : 1.2em; } 

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

Кажется, что «эллипсис» не работает, когда ваш «дисплей» установлен в «-webkit-box», сброс на «блок» будет выполнен. Это может помочь: https://bugzilla.mozilla.org/show_bug.cgi?id=672944#c0