禁止换行和超出部分用...实现

今天工作上遇到的问题，总结如下：

首先，问题如下图

解决方法：

1、首先禁止换行，代码如下：

　　

white-space：nowrap；

2、然后超出部分用overflow：hidden；

3、超出部分用...，代码如下：

　　

text-overflow:ellipsis;

 

感谢

朋友的热情帮助！非常感谢！