ITPub博客

首页 > IT职业 > IT职场 > 单行文本溢出和多行文本溢出方法

单行文本溢出和多行文本溢出方法

IT职场 作者:ou_159 时间:2021-09-09 09:54:42 0 删除 编辑

2018-05-19

1.单行文字溢出方法

div {  border: 1px solid;  white-space: nowrap;/*不换行*/
  overflow: hidden;/*隐藏后面的文字*/
  text-overflow: ellipsis;/*加省略号*/}

2. 多行文本溢出方法

  • 如果用到了就搜text-overflow ellipsis,不用记

div {  border: 1px solid;  display: -webkit-box;  -webkit-line-clamp: 3;/*需要几行就写几*/
  -webkit-box-orient: vertical;  
}



作者:徐金俊
链接:https://www.jianshu.com/p/bc8625c23fcb


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1192/viewspace-2814257/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Linux command line
请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    117
  • 访问量
    1299