Czy przepełnienie tekstu CSS: ellipsis działa na znacznikach Anchor?

Question

Dlaczego następujące pliki CSS nie działają?

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

Answer 1

To dlatego, że kotwice są w standardzie, inline elementów. Dodanie display:inline-block spowoduje, że powyższy kod będzie działał.

Answer 2

To dla modelu pudełkowego, display:block będzie wykonać zadanie

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

Ale może to spowodować inne problemy, aby kotwica (element inline) zachowują się jak modelka box element (display: block).

referencyjny:text-overflow

Aktualizacja:

display:inline-block 

Demo.

Answer 3

display: block Dodaj do css.