안녕하세요. 말랑고양입니다.오늘은 pre태그 안에서 줄바꿈 처리 CSS를 공유하려합니다.pre태그를 사용하였을 때, 스크롤이 발생하거나 글씨가 화면을 넘어가는 현상이 간혹 발생됩니다. 123456pre{ background-color: #E6E6FA; padding:10px; overflow: auto; white-space: pre-wrap;} cs 위의 CSS 코드를 반영하였을 경우, 아래의 사진처럼 글씨가 화면을 넘어가지 않고자동적으로 개행처리 됨을 확인할 수 있습니다. 추가로 궁금한 점이 있다면 언제든 댓글 남겨주세요.#pre #pre태그 #개행처리 #줄바꿈 #띄어쓰기 이사가 필요할 땐, 이사작전!리뷰를 남겨주시는 것은 큰 도움이 됩니다. 감사합니다.
[CSS] pre태그 줄바꿈 처리(스크롤 제거, 개행처리)
안녕하세요. 말랑고양입니다.오늘은 pre태그 안에서 줄바꿈 처리 CSS를 공유하려합니다.pre태그를 사용하였을 때, 스크롤이 발생하거나 글씨가 화면을 넘어가는 현상이 간혹 발생됩니다. 123456pre{ background-color: #E6E6FA; padding:10px; overflow: auto; white-space: pre-wrap;} cs 위의 CSS 코드를 반영하였을 경우, 아래의 사진처럼 글씨가 화면을 넘어가지 않고자동적으로 개행처리 됨을 확인할 수 있습니다. 추가로 궁금한 점이 있다면 언제든 댓글 남겨주세요.#pre #pre태그 #개행처리 #줄바꿈 #띄어쓰기 이사가 필요할 땐, 이사작전!리뷰를 남겨주시는 것은 큰 도움이 됩니다. 감사합니다.
2018.09.07