표 셀 너비보다 긴 경우 마지막 단어로 잘라 내기 문자

Question

고정 폭 td입니다. 내부의 텍스트가 두 번째 줄로 줄 넘지 않아야합니다. 텍스트가 셀 너비보다 길면 마지막 단어까지 잘립니다. 공백이없고 마지막 단어로 나눌 수 없으면 셀의 최대 너비로 끊어 야합니다.

이 예제의 경우 https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap의 경우 셀에 이라는 단어 만 있으면됩니다. "이 단락에는"이 있습니다.

나는 단어 분리와 공백의 조합 인 느낌이 들었습니다. 감싸기는하지만 작동시키지는 못합니다.

Answer 1

높이를 설정할 수 있습니까? 오버플로를 숨기고 숨기면 원하는 것만 표시됩니다.

p.test { 
 
    width: 11em; 
 
    border: 1px solid #000000; 
 
    word-wrap: break-word; 
 
    overflow: hidden; 
 
    height: 1em; 
 
}

<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>

Answer 2

<div> 
This is my div and it has some fixed width only allow text to show in one line 
</div> 

CSS

div{ 
    width: 120px; 
    color :black; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

HTML을 사용해보십시오