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

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;  
}
    原文作者:小7丁
    原文地址: https://www.jianshu.com/p/bc8625c23fcb
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞