css - text-wrap：noneとtext-overflow：ellipsesは両方とも無視されます

Question

テキストが大きすぎて1行に収まらない場合は、テキストを切り捨てたいのですが、text-wrap：noneとtext-overflow：ellipsを追加したとしても、テキストが複数行に表示され、切り捨てられません。

<snip>

<ul>
<li>
<img = ...>
<div id = "track_title">text</div>
</li>
</ul>

ul {
    position:absolute:
    list-style: none;
    top:20px;
    margin: 0px;
    padding: 0px;
}

li {
    position: relative;
    background-image: url("track_row_unselected.png");
    display: block;
    height: 80px;
}
#track_title {
    position:absolute;
    padding:0;
    margin:0;
    top: 5px;   
    left: 80px;
    width: 180px;
    font-size: 15px;
    font-weight: bold;
    text-wrap:none;
    text-overflow: ellipsis;
}

Answer 1

text-wrap主要なブラウザではサポートされていません。を使用してみてくださいwhite-space: nowrap;。また、を追加する必要がありますoverflow: hidden;。これがjsFiddleです。