<pre>태그에 대해서, <pre>태그 줄바꿈

 

<pre>태그에 대해서

<pre> 태그는 "preformatted text"의 약자로, 그 안의 텍스트를 서식이 있는 텍스트로 표시하도록 지정합니다. 이 태그 안의 텍스트는 일반적인 HTML 규칙과는 달리 공백과 줄바꿈을 그대로 유지합니다.

 

줄바꿈이 안되는 경우에는 아마도 CSS의 white-space 속성이 nowrap으로 설정되어 있을 가능성이 높습니다. 따라서 이를 해결하려면 다음과 같이 white-space 속성을 pre로 설정하여 <pre> 태그의 특성을 사용하도록 변경할 수 있습니다.

 

pre {
  white-space: pre-wrap;
}

 

이렇게 설정하면 <pre> 태그 안에서의 줄바꿈이 유지되며, 텍스트가 컨테이너를 넘어갈 경우 자동으로 줄바꿈됩니다.