我有一个 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。