CSS 자동 줄 바꿈

방법 1: 먼저 표의 너비를 고정합니다. 즉, 표에 너비 값(퍼센트가 아닌 숫자 값)을 지정합니다.

방법 2: 강제로 줄 바꿈 없음

　div{//white-space: 줄 바꿈 없음, 일반 기본값; nowrap은 텍스트 끝까지 또는 br 개체를 만날 때까지 모든 텍스트를 동일한 줄에 표시합니다. }

방법 3: 자동 줄 바꿈

　div{ word-wrap: break-word; //word-break는 아시아 및 비아시아 언어에 대한 일반 텍스트 규칙을 설정하여 단어 내에서 줄 바꿈을 허용합니다. }

방법 4: 영어 단어 줄바꿈 강제

div{word-break:break-all;}

참고:

웹페이지가 "늘어나는" 것을 방지하려면 CSS에서 다음 문장을 정의하세요.

테이블{테이블 레이아웃: 고정;}td(word-break: break-all; word-wrap:break-word;)

테이블/레이어가 "확장"되는 것을 방지하고 분기 시 개별 영어 단어가 분할되지 않도록 합니다.

테이블 { 테이블 레이아웃: 고정;word-wrap:break-word;}

　div { word-wrap:break-word;}