CSS 강제 줄바꿈 CSS 줄바꿈 없음을 강제하는 CSS 방법_경험 교환

이전에 Div 줄 바꿈과 줄 바꿈이 아닌 CSS 작성 방법을 요약했습니다. 그러나 테이블 셀의 경우, 줄바꿈을 방지할 수 있는 nowrap이라는 하나의 속성만 알고 있습니다.

최근에 이런 일이 필요했는데 nowrap을 추가하면 경우에 따라 여전히 줄 바꿈이 발생한다는 것을 알았습니다! 불행하게도 강제로 줄 바꿈을 하지 않게 할 수 있는 방법은 없나요?

바이두를 좀 했는데 실제로 방법을 찾았고 문제가 해결되어 매우 기뻤습니다.

CSS를 사용하여 표 셀 데이터 자동 줄 바꿈 또는 줄 바꿈 해제 구현

1. 자동 줄 바꿈:

<style type="text/css"> .AutoNewline { word-break: break-all;/*必须*/ } </style> <table> <tr> <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td> </tr> </table>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

2. 줄 바꿈 없음:

코드 복사 코드는 다음과 같습니다.

🎜>