[HTML] pre 태그

mia·2023년 5월 11일
0

HTML내의 엔터, 탭, 스페이스바를 나타내기위해 \n, &nbsp 를 사용한다.
그게 귀찮다면 pre 태그를 사용하는 것도 좋은 방법이다.

<pre>
	안녕 안녕              안녕
    
    
    안녕 하세요!!!!!!
</pre>

결과물은 아래와 같이 나올 것이다.

또는 서버와의 통신을 하면서 긴 글(ex. description)에 \n, &nbsp를 넣어둔다면 나중에 pre 태그를 통해 원하는 공백들을 모두 표현할 수 있다.

다만 줄바꿈이 되지 않은 부분은 overflow 되는 현상이 발생하는데 아래와 같이 해결할 수 있다.


pre {
	white-space: pre-wrap
}
profile
노 포기 킾고잉

0개의 댓글

관련 채용 정보