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

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;  
}