programming/HTML&CSS
[HTML&CSS] 게시판 형식 그대로 유지하기 (white-space:pre-wrap)
LeeBorn
2019. 8. 8. 22:24
반응형
https://leeborn.tistory.com/11
위 글에서 white-space의 속성에 대해서 pre에 대해서만 사용했었는데,
pre를 사용하면 공백 등은 그대로 표시해주지만 줄 바꿈을 해주지 않는다.
가장 첫번쨰 white-space:pre 와 같이 공백 등은 그대로 표시해주지만,
긴 글들은 div를 넘어 간다.
이때 white-space:pre-wrap 속성을 쓰면 자동 줄 바꿈도 된다.
그리고 줄 바꿈만 신경 쓴다면,
word-break:break-all의 속성도 사용할 수 있다.
좀 더 자세한 설명들은 아래에서 찾아볼 수 있다.
https://www.w3schools.com/cssref/pr_text_white-space.asp
https://www.w3schools.com/cssref/css3_pr_word-break.asp
반응형