jquery - 使用 jquery/css 缩写 <table> 列中的文本

标签 jquery css

我有一个 jquery 数据表 (http://www.datatables.net/),其中一列有一个较大的文本字段。目前,列内容换行在 <td> 中,但我想改为缩写内容,即用户看到“这是非常长的内容......”而没有任何换行。我已经有一个 jQuery 点击打开一个 jquery ui 对话框来显示完整的文本,所以我不担心那部分。

我唯一能想到的是在我的 Controller 中使用 Apache StringUtils.abbreviate(String s, int length) 方法来获取缩写文本,我可以选择适合列大小的长度。不过我真的不喜欢这个主意。

我想知道是否有一些 jQuery 插件或 css 技巧,或者可以在浏览器中为我执行此操作的东西,以便它适用于任何 <td>列宽。

最佳答案

对于纯 CSS 解决方案,您可以使用 text-overflow CSS property .此属性在除 Firefox 之外的主要浏览器(甚至 IE6!)中均受支持。

question on SO可能有助于在 Firefox 中获得相同的效果

关于jquery - 使用 jquery/css 缩写 <table> 列中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5970886/

相关文章:

javascript - 使所有 float div 具有相同高度的脚本

javascript - jQuery:在鼠标移动或单击时暂停功能

jquery - 如何更改 jquery fancy box v2.1.4 中弹出框的大小?

javascript - border-radius 在两个值之间使用斜杠 ("/")

javascript - 使用javascript在图像上绘制

javascript - JQzoom - 更改图像源后缩放图片无法缩放

javascript - 如何使用 jquery/javascript 格式化时间

javascript - 如何使用 javascript 将用户 friend 连接的 facebook graph api 响应存储到变量或数组以便稍后使用

javascript - document.load 中是否应用了所有 CSS?

CSS3 :not() selector ignored by IE9