text-overflow:ellipsis;

 

//超出文字隐藏------ 需要和这个结合使用
overflow: hidden;
//当文本溢出，省略号代替
text-overflow:ellipsis;
//文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
white-space: nowrap;