CSS word-wrap 속성 사용에 대한 자세한 설명

외부 프레임이 충분히 크지 않을 때 긴 단어를 새 줄에 표시할 수 있도록 하는 간단한 코드입니다. 많은 영어 웹페이지 편집기에서는 여전히 매우 유용합니다.

구문: ​​

word-wrap : normal | break-word

매개변수:

normal: 콘텐츠가 지정된 컨테이너 경계를 깨도록 허용
break-word: 콘텐츠가 경계 내에서 줄 바꿈됩니다. 필요한 경우 단어 내 줄 바꿈(word-break)도 발생할 수 있습니다.

설명:

현재 줄이 지정된 컨테이너의 경계를 초과할 때 줄을 나눌지 여부를 설정하거나 검색합니다.
해당 스크립트 기능은 wordWrap입니다. 제가 쓴 다른 책들도 참조해 주세요.

예:

div { word-wrap: break-word; }

코드 적용. 이 예에서는 긴 단어를 분할합니다.

p.test {word-wrap:break-word;}

이 단어 줄 바꿈은 모든 브라우저에서 지원됩니다.

word-wrap 사용법은 기본값이 일반이고 inheritance 속성이 yes이고 버전이 CSS3

스타일 프로세스입니다. 이 코드를 사용할 때 외부 프레임을 정의해야 합니다.

<style> 
p.test
{
width:11em; 
border:1px solid #000000;
word-wrap:break-word;
}
</style>

단어 줄바꿈 자바 애플리케이션. 하나의 과제가 완료되었습니다.

object.style.wordWrap="break-word"

word-wrap 구문 word-wrap: Normal|break-word;

두 개의 서로 다른 매개변수 값. 하나는 브라우저 기본값이고, 다른 하나는 단어 연결 끊김입니다.

위 내용은 CSS word-wrap 속성 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!