用css实现强制不换行,超出部分显示省略号

  • 发表时间: 2019-07-11
  • 分类: HTML/CSS
  • 阅读量: 119
  • 作者: 七七

废话不多说,直接上代码:

1
2
3
4
white-spacenowrap;    /*强制一行内显示*/
overflowhidden;   /*溢出隐藏*/
text-overflow: ellipsis;    /*超出的部分显示省略号*/
    

注:这三行代码必须同时存在,才能实现效果

文章评论

张琪琪

web前端开发

一个95后程序猿!记录平时遇到的技术问题和学习到的新知识,分享自己的一些生活、感悟。网站内容不定期更新,欢迎大家关注,共同交流进步。

点击排行

注册会员

用户名:

密码:

邮箱:

已有账号?登录

会员登录

用户名:

密码:

邮箱:

没有账号?注册