html - 当内容对于其大小来说太大时,在 HTML 表格内容中显示 "..."

标签 html css html-table

我给 HTML 表格的行空间设置为 200 像素。但是可以在其中插入超过该空间的文本。如果内容多于该空间,我希望我的行在行末尾显示“...”。

最佳答案

使用

width: 200px;
overflow: hidden;
text-overflow: ellipsis;

在 CSS 中将溢出的文本替换为 ...

但由于它不适用于 TD 元素,因此您必须在其间添加另一个元素,例如 div。

参见demonstration .

关于html - 当内容对于其大小来说太大时,在 HTML 表格内容中显示 "...",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15481973/

相关文章:

php - 将值与数据库表中的每一行进行比较

css - Twitter Bootstrap 3 中的圆 table

html - 在外部滚动 div 之外显示内部绝对定位的 div

javascript - DOM/页面未更新,但 console.log 显示更新值

php - MYSQL 查询不能与带有表单的 PHP 一起使用

css - 在 Drupal 7 中使用 CSS 在递归 div 中居中可调整大小的图像

javascript - 如何通过使用javascript在外部单击来隐藏弹出窗口

html - td中间的CSS水平线

javascript - 使用 javascript/jquery 删除特定的 html 代码

javascript - elem.style.height 未在 while 循环内触发