3

我有一个 HTML 模板,其中进入<td>标签的文本将从数据库字段中导入。文本的长度可以是 3 到 200 个字符,并且<td>它的长度是屏幕宽度的 100%。如果文本太长,不适合屏幕的宽度,我希望它被截断并以“...”结尾

我可以让它只从字段中导入一定数量的字符,但是,尝试决定某些东西是没有意义的,因为可以查看的设备的屏幕宽度变化很大(750到1920像素)所以它需要尽可能多地显示该屏幕,但不能换行,因为需要修复表格行的高度。

所以而不是:

|Text within this cell is too long to fit in this|table cell

会成为

|Text within this cell is too long to fit in t...|

理想情况下,“...”将是一个超链接(因为该文本存在另一个页面。)

Javascript 解决方案可以,但如果可能的话,首选 CSS/HTML5。

4

1 回答 1

4

您可以使用 CSS 属性text-overflow: ellipsis。虽然插入的省略号不能用作链接,但您可以添加“阅读更多”链接来完成此操作。

于 2013-06-24T00:27:44.570 回答