css中文字只在一行显示，多出的部分隐藏并且使用省略号...代替

一般适用于公告展示。

操作步骤：

1，强制性让内容不换行只在一行内显示

white-space: nowrap

2，把div这行内溢出的部分文字隐藏

overflow:hidden

3，再把div内显示不全的的文字用省略号替代

text-overflow:ellipsis