CSS는 텍스트 줄 바꿈 및 자르기를 제어합니다.

줄 바꿈 및 자르기에 대한 일부 CSS 속성

word-wrap: Normal | break-word

일반 일반 줄 줄 바꿈을 사용하면 긴 단어나 긴 숫자와 같이 내용이 컨테이너를 깨뜨릴 수 있습니다.
break-word는 단어를 줄바꿈의 기초로 사용합니다. 필요한 경우 단어 내에서 줄 바꿈이 허용됩니다.

word-break: Normal | break-all | keep-all

일반적인 줄바꿈은 긴 단어나 긴 숫자로 인해 내용이 컨테이너를 깨뜨릴 수 있습니다

break-all은 문자를 줄바꿈으로 사용합니다

keep-all 중국어 및 영어의 일반과 동일

공백: 일반 || 사전 || 사전 포장 || 상속 일반 기본값에서는 공백이 검색됩니다.

pre 공백은 브라우저에서 무시되며

nowrap 텍스트는 줄 바꿈되지 않습니다. 텍스트는
태그까지

pre-wrap 공백 시퀀스를 유지하되 정상적으로 래핑합니다(IE7은 지원되지 않음)

pre-line 공백 시퀀스를 병합하지만 유지합니다. 개행 문자(IE7-지원되지 않음)

inherit는 공백 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다(IE7-지원되지 않음)

애플리케이션:

텍스트 오버플로에 줄임표 표시(...): text-overflow: ellipsis; 🎜>overflow: Hidden;

/* 줄 바꿈 기준으로 단어 사용 */ word-wrap: break-word;

/* 문자를 줄 바꿈으로 사용*/
word-break: break-all; >

텍스트가 깨지지 않도록 강제됨:

white-space: nowrap 위는 CSS 제어 텍스트 줄 바꿈 및 자르기입니다. 편집자 여러분에게 도움이 되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨주세요. 편집자가 제때에 답변해 드리겠습니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!