androide/webkit texto de desbordamiento: no elipsis de trabajo

Question

Estoy tratando de obtener el código siguiente para trabajar en un Androind 2.1 teléfono (HTC Sense UI):

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

sin embargo, la propiedad text-overflow no lo hace parece que funciona ¿Alguien más ha tenido este problema o ha encontrado una forma de evitarlo?

Answer 1

Veo que no tiene ancho definido. Si se permite que el elemento se amplíe arbitrariamente, nunca se producirá ningún desbordamiento>dentro de> el elemento. El elemento que desborda a su padre no le dará el efecto deseado.

Answer 2

en Android 2.2 y 4, utilizo una altura de línea mayor que el tamaño de fuente (siempre em) con un tipo de visualización "-webkit-box" y una orientación vertical.

Aquí se muestra un ejemplo:

.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; 
} 

Answer 3

Parece que la 'puntos suspensivos' no está funcionando cuando su 'display' está en 'webkit-box', restablezca a 'bloquear' va a hacer. Esto puede ayudar: https://bugzilla.mozilla.org/show_bug.cgi?id=672944#c0