관리 메뉴

이사작전.com IT Blog

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

Front/CSS

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

말랑고양 플랫폼공작소 2018.09.07 00:08

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

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

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


1
2
3
4
5
6
pre{
    background-color: #E6E6FA;
    padding:10px;
    overflow: auto;
    white-space: pre-wrap;
}  
cs

위의 CSS 코드를 반영하였을 경우, 아래의 사진처럼 글씨가 화면을 넘어가지 않고
자동적으로 개행처리 됨을 확인할 수 있습니다. 



추가로 궁금한 점이 있다면 언제든 댓글 남겨주세요.
#pre #pre태그 #개행처리 #줄바꿈 #띄어쓰기

이사가 필요할 땐, 이사작전!
리뷰를 남겨주시는 것은 큰 도움이 됩니다. 감사합니다.


0 Comments
댓글쓰기 폼