html限制文字行数，并且超出部分显示为省略号

p标签

p{
    width:200px;//必须指定宽度
    text-overflow: ellipsis;//超出文字显示为省略号
    overflow: hidden;//隐藏超出部分
    -webkit-line-clamp: 2;//限制行数
}

div标签

div{
    width:100px;//需要指定宽度
    display: -webkit-box;//将对象作为弹性伸缩盒子模型显示
    -webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow:ellipsis;
}