다음과 같은 나는 HTML이 제대로 생략

Question

를 사용하여 테스트를 자르기 방법 : 텍스트가 표시 영역보다 크기가 큰 경우 점선으로

<td> 
       <h6 style="width:80px;text-overflow:ellipsis;" title="${name}"><span class="badge badge-info">${name}</span></h6> 

</td> 

가 어떻게 텍스트를 표시 할 수 있습니다. ?

Answer 1

당신이 작동하는 text-overflow:ellipsis에 대한 overflow: hidden을 추가해야합니다 - 그렇지 않으면 내용이 바로 차단되지 요소의 흘러 것이다.

Answer 2

text-overflow:ellipsis;이 작동하려면 overflow: hidden; 및 white-space: nowrap;도 지정해야합니다. BTW

즉

... style="width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;" ... 

, 난 당신이 밖으로 이동 제안하는 CSS 파일에 인라인 스타일 (및 기타 인라인 스타일).

Answer 3

이 있어야한다 : -

<td> 
<h6 style="width:80px;text-overflow:ellipsis;overflow:hidden" title="${name}"><span class="badge badge-info">${name}</span></h6> 
</td>