uni-app 文字超出隐藏并显示省略号

1. overflow: hidden;
   
2. word-break: break-all;  /* break-all(允许在单词内换行。) */
   
3. text-overflow: ellipsis;  /* 超出部分省略号 */
   
4. display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
   
5. -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
   
6. -webkit-line-clamp: 1; /** 显示的行数 **/

复制代码