一、单行溢出
单行溢出,超出部分显示...或者截取。前提必须有宽度.
CSS:{width:xxpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;},截取为clip;
1 2 3 4 | width : 300px ; overflow : hidden ; text- overflow :ellipsis; whitewhite-space: nowrap ; |
二、多行溢出
{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
1 2 3 4 5 6 | display : -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 ; height : 60px ; line-height : 20px ; /*行高和高度配合,计算出总行数*/ overflow : hidden ; |