css文字超出部分显示省略号

时间:5年前   阅读:4417

如果实现单行文本的溢出显示省略号用:text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。

实现方法:

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

overflow: hidden;  超出隐藏意思

text-overflow:ellipsis;  超出隐藏省略号

white-space: nowrap;  不换行的意思

上面代码效果图展示:

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:PHP删除目录及目录下所有文件

下一篇:50ETF期权投资中买卖双方谁更占优势?

网友评论

请先 登录 再评论,若不是会员请先 注册