CSS metin taşması: elips Çapa etiketleri üzerinde çalışıyor mu?

Question

Aşağıdaki CSS neden çalışmıyor? çapalar standart inline elemanlar olarak, çünkü

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

Answer 1

öyle. Yukarıdaki kod çalışmasını display:inline-block ekleyerek yapacaktır. Bu kutu modeli için var

Answer 2

, display:block işi

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

yapacak Fakat çapa (satır içi elemanı) yapmak kutu modeli elemanı gibi davranmaya size başka sorunlara neden olabilir (ekran: blokta).

Referans:text-overflow

Güncelleme:

display:inline-block 

Demo.

Answer 3

sizin css display: block ekleyin.