css超出内容以省略号显示
控制只显示2行,并以省略号结束
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
效果显示
不过值得注意的是,双行超出显示的话,根据line-height行高显示的话
要同时设置高和行高的话,要注意:如height:48px;line-height:24px;
或:直接:line-height:24px;
同理,3行4行都是不在话下
对于平时只显示一行的,代码要更加简单一些
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
效果显示
在微信小程序中,对view与text均有效。