1、效果如下图:
2、对应的CSS样式:(只需在对应的文本标签上加上一下CSS即可)
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
说明:-webkit-line-clamp: 2;是指显示的行数,可自行调整。
1、效果如下图:
2、对应的CSS样式:(只需在对应的文本标签上加上一下CSS即可)
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
说明:-webkit-line-clamp: 2;是指显示的行数,可自行调整。