我们想象中的新闻标题列表是这样的,井然有序
然而,并不是每个标题的字数都是这样合适,比如下面这个标题,字数一多它就自动换行了,将美观的样式打乱了。
然而,我们想要的是下面这种样式,每个标题只占一行,超出的部分的字体隐藏,并且用省略号代替。
若想实现只需要设置CSS的三个属性:
white-space:nowrap; /*不换行*/
overflow:hidden; /*溢出隐藏*/
text-overflow:ellipsis;/*将隐藏的文字变成...*/
注意每个标题一定要有宽度,不然overflow的属性没有效果。