当内容对于其大小而言太大时,在HTML表格内容中显示“...”

时间:2013-03-18 16:30:58

标签: html css html-table

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

2 个答案:

答案 0 :(得分:2)

使用

width: 200px;
overflow: hidden;
text-overflow: ellipsis;
在CSS中

将溢出的文本替换为...

但由于它对TD元素不起作用,你必须在它们之间添加另一个元素,例如div。

请参阅demonstration

答案 1 :(得分:1)

这是您正在寻找的样式。

祝你好运!

text-overflow: ellipsis;

此处更多信息:http://quirksmode.org/css/user-interface/textoverflow.html