생활코딩

Coding Everybody

white-space

토픽 생활코딩 > 클라이언트 > CSS > CSS 사전

Summary

공백문자를 어떻게 다룰것인가를 정의 한다.

normal | pre | nowrap | inherit
기본값  
적용대상 모든요소
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • normal : 정상적으로 출력하도록 지정. 연속된 공백 문자나 줄바꿈을 통합한다.
  • pre : 연속된 공백 문자나 줄바꿈을 통합하지 않고, 원문그대로 출력한다.
  • nowrap : 연속된 공백 문자는 통합하지만, 줄바꿈은 통합하지 않는다.
  • inherit

Tip

  1. 다음과 같이 사용할 수 있다. [sample]
    p {
        white-space : nowrap;
    }

댓글

댓글 본문
  1. 푸른하늘
    10일차 공부 감사합니다
  2. 통조림
    #쉽게 써 봅니다
    normal = 중복된 공백도 공백 1개로 처리, 자동 줄바꿈(wrap) 허용
    nowrap = 중복된 공백도 공백 1개로 처리, 자동 줄바꿈 비허용(no-wrap) ->한 줄로 표시.
    pre = 입력한 공백 갯수만큼 표시, 자동 줄바꿈 비허용 ->한 줄로 표시.