页面实现两行展示,超出部分显示省略号
1个回答
2017-06-12
展开全部
样式中增加一个#id样式。 200px是控制长度,-webkit-line-clamp: 2;是2行就溢出省略....
#id{float:left;width:200px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#id{float:left;width:200px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
追问
很不错,不过如果要每行固定字数,还是需要使用js,我试一下用宽度调整字数
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询