-webkit-line-clamp放大或縮小時顯示部分切斷最後一行

Question

我使用-webkit-line-clamp屬性來實現Chrome上的多行省略。我們已經適當地設置了高度和最大高度，以便我們看到完全N行和正確的省略號。但是，只要我們在瀏覽器中放大或縮小，部分切斷（N + 1）行顯示。無論縮放級別如何，是否有任何方法可以防止顯示部分切割線？

CSS是：

myText { 
    font-size: 12px; 
    line-height: 14px; 
    width:200px; 
    height:58px; 
    max-height:58px; 
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical; 
    text-overflow: ellipsis; 
} 

和HTML是

<div class="myText">imagineSomeLongTextHere</div> 

Answer 1

在情況下，它可以幫助別人 - 我增加了以下CSS來解決這個問題：

-webkit-box-pack: end;