小程序 文本溢出用省略号代替

时间:2018-10-28 11:55:52   收藏:0   阅读:288

1.使用text标签包裹文字

2.单行溢出

.类名{
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;                     
}

  

3.多行溢出

.类名{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-cliamp:2;  // 设置行数
  word-break:break-all;
  overflow:hidden;
  text-overflow:ellipsis;                     
}

4.display:flex与以上样式不能同时设置

评论(0)
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!