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

一般适用于公告展示。

操作步骤:

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

white-space: nowrap

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

overflow:hidden

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

text-overflow:ellipsis

posted @ 2021-08-18 19:16  专注网站建设和推广  阅读(719)  评论(0编辑  收藏  举报