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

Question

   overflow: hidden;    -ms-text-overflow: ellipsis;    -o-text-overflow: ellipsis;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    line-height: .34rem;    height: .68rem;    margin-bottom: .26rem;    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;

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