-webkit-line-clampズームインまたはズームアウト時に最後の行が部分的に途切れて表示される

Question

Chromeで複数行の省略記号を使用するには、-webkit-line-clampプロパティを使用しています。正確にN行と適切な省略記号が見えるように、高さと最大高さを適切に設定しました。ただし、ブラウザをズームインまたはズームアウトするとすぐに、部分的にカットオフ（N + 1）番目の行が表示されます。ズームレベルに関係なく、ラインが部分的にカットオフされるのを防ぐ方法はありますか？

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を追加しました：：

CSSです

-webkit-box-pack: end; 

を