pre 태그가 샘플 코드_HTML/Xhtml_웹 페이지 제작을 자동으로 래핑하도록 합니다.

pre 요소는 미리 서식이 지정된 텍스트를 정의합니다. pre 요소에 포함된 텍스트는 일반적으로 공백과 줄 바꿈을 유지합니다. 텍스트도 고정 너비 글꼴로 렌더링됩니다.

 태그의 일반적인 용도는 컴퓨터 소스 코드를 나타내는 것입니다. 기술 블로그의 경우 사전 태그는 코드 출력 또는 코드 강조 표시에 사용되는 경우가 많습니다. 기본적으로 사전 태그의 콘텐츠가 범위를 초과하면 자동으로 줄바꿈되지 않습니다. 
다음은 
 태그의 내용을 W3C 표준(다중 브라우저 지원)으로 자동 래핑하고 준수하도록 하는 방법입니다. 



코드 복사
코드는 다음과 같습니다.
 
pre{ 
white-space:pre-wrap; /* css3.0 */ 
 white-space:-moz- pre-wrap; /* Firefox */ 
white-space:-pre-wrap /* Opera 4-6 */ 
white-space:-o-pre-wrap; /* Opera 7 */ 
word-wrap:break-word; /* Internet Explorer 5.5 */ 
} 



예: 


 코드 복사 
코드는 다음과 같습니다.
 
pre{white-space:pre-wrap; -pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*줄이 매우 깁니다. */}