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

Posted waterbilibili

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序 文本溢出用省略号代替相关的知识,希望对你有一定的参考价值。

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与以上样式不能同时设置

以上是关于小程序 文本溢出用省略号代替的主要内容,如果未能解决你的问题,请参考以下文章

文本溢出用省略号代替

div中文字溢出用省略号代替,最后面加上[详情] 求解

HTML多行文本超出区域用省略号代替

单行和多行文本溢出隐藏,省略号代替

css文本省略号

小程序文本溢出显示省略号(单行/多行)