自定义显示的行数:第一种方式:
.text-deal{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all; /* 追加这一行代码 */
}
第二种方式:
{ width:270rpx; max-width: 270rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
自定义显示的行数:
{
/* 控制宽度 */
width: 490rpx;
max-width: 490rpx;
/* 控制显示的行数 */
max-height: 150rpx;
line-height: 30rpx;
/* 显示多行 */
display:-webkit-box;
overflow:hidden;
/* 5为显示的行数 */
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
}