CSS : white-space: pre-line 자동줄바꿈 관련

게시판을 작성할때 상세정보에 들어간 컨텐츠는 공백과 줄바꿈 실제 내용등이 섞여 있는데 기존에는 줄바꿈 문자를 <br /> 태그로 치환을 하는 방식을 사용했는데

white-space 스타일 속성을 사용하면 이런 부분은 CSS로 깔끔하게 자동줄빠꿈을 처리하여 해결할 수 있다

관련 정보를 잘 정리하신 분이 있어 링크를 한다

http://aboooks.tistory.com/187

white-space 속성(pre, pre-wrap, pre-line 차이)

white-space 속성(pre, pre-wrap, pre-line 차이) 오늘은 요소 안에 공백 처리를 어떻게 할지 지정하는 속성입니다. white space란 여백이라고도 ...

aboooks.tistory.com

크로스브라우징 문제도 뭐 거의 없다고 볼 수 있다.

주의할 부분은 태그와 보여질 내용이 줄바꿈 되어 있으면 첫 줄 부터 줄바꿈이 되어 표시가 된다

즉 

<p>

    내용

</p>

위와 같이 하지 말고

<p>내용</p>

위와 같이 하도록 하자

 

[출처] CSS : white-space: pre-line 자동줄바꿈 관련|작성자 몽키초이