【小程序开发】文本text-overflow属性的使用

text-overflow原本是CSS3的一个属性，在微信小程序中也支持。

text-overflow文本溢出显示省略号~

注：使用text-overflow时，需要设置固定的宽度才起作用，所以该元素必须具有块状元素的属性（款装元素+行内块状元素）

1、一行文本溢出显示省略号

overflow: hidden;

white-space:nowrap;

text-overflow: ellipsis;

2、多行文本的最后一行溢出显示省略号

display: -webkit-box ;

overflow: hidden; /*隐藏溢出的文本  */

text-overflow: ellipsis;

word-break: break-all;/*自动换行*/

-moz-box-orient: vertical; /*从上到下自动排列子元素*/

-webkit-box-orient: vertical;

-webkit-line-clamp:2; /*显示的行数*/