css设置文本超出部分用点代替

直接上代码:
假如有一个p标签,里面写了很多文字,只要它显示两行,并且第二行超出部分用 … 表示:

p{
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
 // 表示只显示两行,并且第二行超出部分显示... 
}

css设置文本超出部分用点代替_第1张图片
如图所示,就是最终效果。

你可能感兴趣的:(css,css)