Web

[CSS] textarea 엔터가 줄바꿈으로 보이기

알콜뭉뭉이 2017. 10. 17. 08:40

textarea 내용에 엔터로 표시된 것이 줄바꿈 처리되서 보이게 하는 방법입니다.
html 문서로 해석될때는 의미없지만,  textarea 내에서 보일때 줄바꿈 된 형태로 보이도록 합니다.

입력창에서의 모습
<textarea style="white-space: pre-line;">내용1
내용2<br>
내용3</textarea>

브라우저에서 해석된 모습
내용1 내용2
내용3


참고자료
https://www.phychode.com/sprt/blog/sprtBlogPost.pem?blogSeq=1116