效果图如下:
在对应text所属的view中设置如下CSS:
overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
white-space: nowrap; /*强制不换行*/
不过上面的css只能保证单行显示隐藏,如果想要2,3,n行隐藏,设置如下代码:
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
本人QQ:993583566 ,欢迎小伙伴添加分享资源。