手机端的文字超出变省略号在文字后边显示？

Question

1.    overflow: hidden;

2.    -ms-text-overflow: ellipsis;

3.    -o-text-overflow: ellipsis;

4.    text-overflow: ellipsis;

5.    display: -webkit-box;

6.    -webkit-line-clamp: 2;

7.    -webkit-box-orient: vertical;

8.    line-height: .34rem;

9.    height: .68rem;

10.    margin-bottom: .26rem;

11.    text-align: left;

省略号应该在文字后边显示，但是目前在文字中间显示

Answer 1

只发 css 样式，看不出问题哦

Answer 2

你没设宽，但是设了两行显示点点点 ，  应该跟这个也有关系的  用jq也可以实现（兼容性好点，可以设置超出多少字符显示。。。）$(function(){     $("#t").html().length>50?$("#t").html($("#t").html().substring(0,50)+"...."):$("#t").html() });

Answer 3

光看css样式看不出有什么问题

Answer 4

 display: -webkit-box;貌似是这个设置的值的问题，你可以试试其他的值，看看有什么效果