怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略

1樓2樓的只適合谷歌瀏覽器，其他瀏覽不兼容啊，建議用js

function noMoreWord(){

var abtitle=$(".about-text");
console.log(abtitle)
for(var i=0;i<abtitle.length;i++){
    var nodom=$(abtitle[i])
    var alength=nodom.text().length;
    var awidth=nodom.width();
    var afont=nodom.css("font-size");
    afont=afont.substr(0,2);
    var num=Math.floor(awidth/afont);
    console.log(num);
    
    if(alength>(num*1.5)){
        var ntex=nodom.text().substr(0,(Math.floor(num*1.5-1)));
        nodom.text(ntex+"...");
    }
}

}

如果div的寬度是一定的，可以求取內(nèi)容的字符長(zhǎng)度，直接字符進(jìn)行截取，展示的內(nèi)容后面加上省略號(hào)

接樓上，如果不用JS的話，我只能搗鼓成這樣了。。。

                <div class="ellipsis" style="width:300px">
                    怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略
                </div>
                <style>
                    .ellipsis {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        position: relative;
                    }

                    .ellipsis:after {
                        content: '...';
                        display: block;
                        width: 50%;
                        height: 50%;
                        right: 0;
                        bottom: 0;
                        position: absolute;
                    }
                </style>

第二行的一半之后進(jìn)行省略？這是什么需求？
如果你要實(shí)現(xiàn)的是最多顯示2行，超出省略可以用下面的方法

<div class="ellipsis" style="width:300px">
  怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略怎么才能讓DIV里面的文字只顯示一行半，第二行的一半之后進(jìn)行省略
</div>
<style>
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }
</style>