如果字符超过一定限制,如何修剪元素的内容并添加“...”?

2023-12-01

我想修剪一部分<td>如果太长。这将确保桌子不会弄乱。下表中的所有数据均从数据库中检索。在“主题”部分,如果文本超过一定的字符限制,如何缩短文本并添加“...”?这是该表的屏幕截图:

screenshot

正如您所看到的,如果主题太长,可能会弄乱表格。

是否有任何 jQuery 只会在元素超过一定限制时进行修剪,并在末尾添加“...”?我认为截断插件不起作用,因为它通常会将其分割并换行,而且我不需要显示它,因为所有使用此插件的人都必须单击“查看票证”,他们就会看到那里有完整的主题。

我在 StackOverflow 上搜索了其他问题,但找不到我需要的问题。


您或许可以使用 CSStext-overflow: ellipsis财产。

根据这个兼容性表,所有主流浏览器都支持。


基于这个答案,看来你还需要定义table-layout: fixed在桌子上,以及overflow: hidden and white-space: nowrap在细胞上。固定表格布局还要求您明确调整列宽。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果字符超过一定限制,如何修剪元素的内容并添加“...”? 的相关文章