如果文本太长，则用“...”修剪文本

Question

我有一定规模的div。现在，每当数据从数据库传入该div时，文本的多余长度将作为换行文本（如MS Excel）。我希望它在一行中，显然在div中。用“......”结束这一行

任何人都可以帮助我使用css。

提前致谢

Answer 1

您可以使用：

text-overflow: ellipsis;

如果它太长，它将呈现'...'。

参考： http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

修改：感谢AndyM的评论，您还可以使用white-space:nowrap处理空格overflow:hidden以防止文字溢出。

Answer 2

试试这个：

text-overflow: ellipsis;
word-wrap: nowrap;