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

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

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

在这里插入图片描述
如图所示,就是最终效果。

发布了31 篇原创文章 · 获赞 11 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43353619/article/details/105395256