텍스트 오버플로를 사용하여 하이픈 넣기를 방지하는 방법
<p>일부 타이틀에 최대 줄 수를 설정하려고 하는데, 가끔 줄이 하이픈으로 끝나는 경우가 있다는 것이 문제입니다. 나에게 필요한 것은 단어를 끊어야 하는 경우 완전히 숨겨야 하고 이전 단어 뒤에 줄임표를 배치해야 한다는 것입니다. </p>
<p>이 코드는 문제를 보여줍니다. </p>
<p>
<pre class="brush:css;toolbar:false;">#head {
너비:300px;
글꼴 크기: 20px;
디스플레이: -webkit-box !important;
색상: #000000 !중요;
텍스트 오버플로: 줄임표 !important;
-webkit-line-clamp: 4 !중요;
-webkit-box-orient: 수직!중요;
오버플로: 숨겨진 !중요;
}</pre>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<div id="head">
Lorem Ipsum은 인쇄 및 조판 산업의 단순한 더미 텍스트입니다. Lorem Ipsum은 1500년대 무명의 인쇄업자가 활자 갤리를 가져와 이를 뒤섞어 만든 이래로 업계의 표준 더미 텍스트였습니다.
</div>
</html></pre>
</p>
<p>"ever"라는 단어에 공백이 있는데 어떻게든 이런 일이 발생하지 않도록 할 수 있나요? </p>
