css-之如何实现超过两行以上的以省略号显示

css//

/* 首先是超过一行隐藏的的*/

div{width:200px;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

/*超过两行以上需要实现超过部分显示省略号*/

.div {

overflow:hidden;

text-overflow:ellipsis;

line-clamp:2;         /*需要显示几行就写几*/

display:-webkit-box;

text-overflow:-o-ellipsis-lastline;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

}

学习随笔,供参考

你可能感兴趣的:(css-之如何实现超过两行以上的以省略号显示)