三點 - 溢出：省略號

我的問題是，爲什麼「text-overflow：ellipsis;」不適合我嗎？我在我的頁面上有表格，我想縮短單元格內的一些文本（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 .. 感謝

來源

2012-06-20 Clem

如果您不想對其設置寬度限制，您會如何縮短文本？ – lanzz

yes lanzz這是我的問題...正如我所說，我設置寬度從JSON文件...我得到那裏寬度參數，然後我設置它使用jaascriopt ...寬度取決於用戶... – Clem

對不起，誤解了您。我以爲你在設置文本，而不是寬度。 – lanzz

text-overflow作品與display: block元素，而表細胞是display: table-cell元件。將文字放在<div>should work（小提琴在您點擊文字時設置寬度）。

來源

2012-06-20 08:16:14 lanzz

您需要的表和表佈局的寬度：固定;

http://jsfiddle.net/CagPK/

#myTable2 td{ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow:ellipsis; 
} 
#myTable2 
{ 
    table-layout:fixed; 
    width: 100px; 
}

來源

2012-06-20 08:06:55 MatteS

好的，我會嘗試固定佈局...正如我所說我設置使用javascript的寬度...也許這是問題？：> – Clem

不應該是一個問題，只要它有我想的寬度。 – MatteS

行！謝謝你的工作......我在腳本中發現了錯誤並修復了它......現在它工作得很好：再次> ty – Clem

三點 - 溢出：省略號

回答

相關問題