使用 text-overflow:ellipsis;

超出部分会变成省略号

http://www.w3school.com.cn/tiy/t.asp?f=css3_text-overflow

1.是一个div

2.重点是三个同时使用：text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 

css