2

私の質問は、なぜ「text-overflow：ellipsis;」なのかということです。私のために動作しませんか？ページにテーブルがあり、cell（td）内のテキストを短くしたいと思います。ご覧のとおり、cssには幅パラメータがありません。この値をjsonから取得し、jqueryで設定します。多分これが問題ですか？もしそうなら、どうすればそれを解決できますか？

#myTable2 td{
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:47px;
    border-top: solid 1px #ebebeb;
    border-spacing:none;
    cellpadding: 0;
    cellspacing: 0;
    font-family:arial;
    font-size: 8pt;
    color: #3D3D3D;
    padding: 4px;
}

Chrome 19、最新のFirefoxおよびIE9でテストします。ありがとう

4

2 に答える 2

3

テーブルの幅とtable-layout：fixedが必要です。

http://jsfiddle.net/CagPK/

#myTable2 td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
#myTable2 
{
    table-layout:fixed;
    width: 100px;
}
​
于 2012-06-20T08:06:55.753 に答える
2

text-overflowdisplay: blockテーブルセルは要素ですが、要素を処理しdisplay: table-cellます。テキストをaで囲むと機能する<div> はずです（フィドルはテキストをクリックしたときの幅を設定します）。

于 2012-06-20T08:16:14.377 に答える