-webkit-line-clamp가 확대 또는 축소시 마지막 줄을 부분적으로 잘라 내기 표시

Question

Chrome에서 멀티 라인 줄임표를 사용하려면 -webkit-line-clamp 속성을 사용하고 있습니다. 정확한 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; 

을