列表标题单行显示并用省略号代替省略溢出字体

我们想象中的新闻标题列表是这样的，井然有序

然而，并不是每个标题的字数都是这样合适，比如下面这个标题，字数一多它就自动换行了，将美观的样式打乱了。

然而，我们想要的是下面这种样式，每个标题只占一行，超出的部分的字体隐藏，并且用省略号代替。

若想实现只需要设置CSS的三个属性：

white-space:nowrap;    /*不换行*/
overflow:hidden;       /*溢出隐藏*/
text-overflow:ellipsis;/*将隐藏的文字变成...*/

注意每个标题一定要有宽度，不然overflow的属性没有效果。