html - アンカータグで text-overflow: ellipsis を使用する

Question

<a>タグでtext-overflow: ellipsisプロパティを使用するにはどうすればよいですか? 切り捨てたい長いリンク名があります。

これは、通常のテキストオーバーフローアプローチを使用した私の試みです。

http://jsfiddle.net/2Wg8N/

Answer 1

display: block;次のように変更してinline-block、幅を指定する必要があります。

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