[CSS] pre태그 줄바꿈 처리(스크롤 제거, 개행처리)

안녕하세요. 말랑고양입니다.

오늘은 pre태그 안에서 줄바꿈 처리 CSS를 공유하려합니다.

pre태그를 사용하였을 때, 스크롤이 발생하거나 글씨가 화면을 넘어가는 현상이 간혹 발생됩니다.

pre{
    background-color: #E6E6FA;
    padding:10px;
    overflow: auto;
    white-space: pre-wrap;
}  

위의 CSS 코드를 반영하였을 경우, 아래의 사진처럼 글씨가 화면을 넘어가지 않고

자동적으로 개행처리 됨을 확인할 수 있습니다. 

추가로 궁금한 점이 있다면 언제든 댓글 남겨주세요.

#pre #pre태그 #개행처리 #줄바꿈 #띄어쓰기

이사가 필요할 땐, 이사작전!

리뷰를 남겨주시는 것은 큰 도움이 됩니다. 감사합니다.