-
一行:
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all; -
两行:
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; -
小程序两行:
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
注意:两行或多行显示时,如果发现没效果,检查哪个属性被覆盖了,并增加盒子高度以撑开内容!!