如果文本太长,则用"..."修剪文本

Mon*_*ata 2 css

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

任何人都可以帮助我使用CSS这样做.

提前致谢

sid*_*ney 7

你可以用这个:

text-overflow: ellipsis;
Run Code Online (Sandbox Code Playgroud)

如果它太长,它将呈现'...'.

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

编辑:感谢AndyM的评论,您还可以使用white-space:nowrap处理空格overflow:hidden来防止文本溢出.