¿CSS overflow de texto: elipsis funciona en etiquetas de anclaje?

Question

¿Por qué el siguiente CSS no funciona?

a { 
    width: 60px; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

Answer 1

Se debe a que los anclajes son de serie, inline elementos. Agregar display:inline-block hará que el código anterior funcione.

Answer 2

Es para modelo de caja, display:block hará el trabajo

a { 
    width: 60px; 
    display:block; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
}​ 

Pero ustedes pueden causar otros problemas para hacer que el anclaje (elemento en línea) se comportan como elemento de modelo de caja (display: block).

Referencia:text-overflow

Actualización:

display:inline-block 

Demo.

Answer 3

Añadir display: block a su css.