问题描述:
在IOS手机中,使用如下代码显示省略号不生效:
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
解决办法:
overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
另附超过部分在第二行省略号、第三行省略号代码:
no-wrap-two()
overflow hidden
text-overflow ellipsis
-webkit-line-clamp 2
display -webkit-box
-webkit-box-orient vertical
no-wrap-three()
overflow hidden
text-overflow ellipsis
-webkit-line-clamp 3
display -webkit-box
-webkit-box-orient vertical