多行文本省略号实现代码
{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; //文本的行数,即显示几行文本。如效果图只显示3行其余出现.... overflow:hidden; }
效果图:
单行文本省略号
{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
效果图:
原文:https://www.cnblogs.com/little-baby/p/11896440.html