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

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