想要页面显示一行内容,简单的办法让p标签里文字不换行,以省略号结束,只需要几行css就可以实现,其余用法小伙伴们自行测试
//一行
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;
评论 (0)