HTML`` 태그로 텍스트 줄 바꿈을 만드는 방법은 무엇입니까?

사전 태그의 텍스트 줄 바꿈

HTML에서는 사전 태그가 코드 블록 및 디버깅 출력 표시에 자주 사용됩니다. 그러나 줄이 끊어지지 않도록 이러한 태그의 텍스트를 줄 바꿈하는 것이 바람직한 경우가 많습니다. 해결책은 CSS 공백 및 단어 줄 바꿈 속성에 있습니다.

텍스트 줄 바꿈을 위한 CSS 속성

사전 태그에서 텍스트 줄 바꿈을 활성화하려면 다음 CSS를 활용하세요. 속성:

• 공백: 사전 포장;(CSS 2.1 )
• white-space: -moz-pre-wrap;(Mozilla)
• white-space: -pre-wrap;(Opera 4-6)
• 공백: -o-pre-wrap; (Opera 7)
• word-wrap: break-word; (Internet Explorer 5.5 )

예제 코드

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

이것을 통합 HTML 문서에 대한 CSS 규칙을 사용하면 사전 태그 내의 텍스트가 원하는 대로 줄 바꿈되어 긴 한 줄 표시가 방지됩니다.

위 내용은 HTML`` 태그로 텍스트 줄 바꿈을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!