调整容器大小时刷新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省略号

回答

相关问题