css로 줄바꿈

게시판 같은 데에서 글을 쓰면 제목이야 한 줄이지만 본문 같은 경우는 여러 줄이 되는 경우가 흔합니다.

입력한 값을 디비로부터 갖고 오게 되면 분명 엔터를 여러 번 쳐서 입력한 건데 한 줄로 보입니다. 그래서 개발자분들한테 말해서 줄바꿈이 되게 처리해 달라고 요청을 하곤 했습니다.

위는 <div><?=$content?></div> 이런 식으로 썼을 때 저렇게 나옵니다.

줄바꿈을 위해서는 보통 php에서는 <?=nl2br($content)?> 이렇게 쓰면 됩니다. 그런데 css를 쓰면 굳이 개발자의 힘을 안 빌려도 됩니다.

<div style="white-space: pre;"><?=$content?></div>

개똥 같은 ie11도 지원을 하는 거 보면...