調整容器大小時刷新CSS省略號

我使用jQuery UI並設置了一個表來調整列的大小。調整容器大小時刷新CSS省略號

span {  
    -ms-text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
}

我運用一些簡單的省略號到細胞中，從而當它們太小，我得到的...

如果我看網頁，它看起來像：

enter image description here

但是，當我調整列的大小時，它不會重新應用省略號：（

enter image description here

有沒有簡單的方法來做到這一點？我嘗試通過使其可見，然後重新應用它來隱藏溢出，但省略號在渲染時返回到原始視圖。

來源

2013-07-31 Phill

也許這可以幫助你 http://stackoverflow.com/questions/12649904/css-text-ellipsis-when-using-variable-width-divs – user2258152

感謝@ user2258152 - 問題竟然是那該單元格是一個固定的寬度和JavaScript的大小。改爲最小寬度解決了這個問題。 – Phill

的問題是，在表格單元格有在CSS固定寬度：

width: 120px;

，然後將其用JavaScript尺寸調整。調整大小時，單元格中的單元格內容保持不變。

更改CSS爲min-width: 120px;並調整JavaScript的大小從width到min-width解決了這個問題。

來源

2013-10-18 00:57:28 Phill

調整容器大小時刷新CSS省略號

回答

相關問題