CSSのテキストオーバーフローがありますか？アンカータグで省略記号が使用できますか？

Question

次のCSSはなぜ機能しませんか？

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

Answer 1

これはアンカーが標準であるため、inline要素です。 display:inline-blockを追加すると、上記のコードが動作します。

Answer 2

それはdisplay:blockが

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

仕事を行います。しかし、それはアンカー（インライン要素）はボックスモデル要素（表示：ブロック）のように動作させるためにあなたの他の問題を引き起こす可能性があり、ボックスモデルのためです。

参考：text-overflow

更新：

display:inline-block 

Demo.

Answer 3

あなたのCSSにdisplay: blockを追加します。