>  기사  >  웹 프론트엔드  >  CSS는 텍스트 줄 바꿈 및 자르기를 제어합니다.

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

高洛峰
高洛峰원래의
2017-02-28 14:08:271651검색

줄 바꿈 및 자르기에 대한 일부 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;

white-space: nowrap;



줄 바꿈:

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

word-break : Normal

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

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

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

텍스트 줄 바꿈 및 자르기의 CSS 제어와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:CSS의 여백 속성다음 기사:CSS의 여백 속성