单行文本显示不完时,我们只需要设置单行文本的宽度,不允许换行,溢出隐藏及换行省略四个属性:
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
设置多行文本显示不完省略号:
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /*控制显示2行*/
-webkit-box-orient: vertical;