우리는 Div 줄 바꿈과 줄 바꿈이 아닌 CSS를 작성하는 방법을 알고 있습니다. 그러나 테이블 셀의 경우, 줄바꿈을 방지할 수 있는 nowrap이라는 하나의 속성만 알고 있습니다. 최근에 이런 요구가 있었지만 nowrap을 추가하면 어떤 경우에는 여전히 줄 바꿈이 발생한다는 것을 알았습니다! 불행하게도 강제로 줄 바꿈을 하지 않게 할 수 있는 방법은 없나요?
CSS를 사용하여 표 셀 데이터의 자동 줄 바꿈 또는 줄 바꿈 해제를 실현하는 방법:
1. 강제 줄 바꿈:
<스타일 유형="텍스트/css">
.AutoNewline
{
word-break: break-all;/*필수*/
}
</스타일>
<테이블>
<tr>
<td class="AutoNewline">
자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩 자동 라인 랩
</td>
</tr>
</테이블>
2. 줄 바꿈을 강제하지 않습니다.
<스타일 유형="텍스트/css">
.NoNewline
{
단어 구분: 모두 유지;/*필수*/
}
</스타일>
<테이블>
<tr>
<td class="NoNewline">줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음, 줄 바꿈 없음</td ＞
</tr>
</테이블>