[css] 텍스트3: white-space 줄바꿈 속성

<div class="wrap" style="white-space: 값;"><!--줄바꿈-->
<!--tab-->Mint<!--줄바꿈-->
<!--tab-->coding<!--줄바꿈-->
</div>

 

css	값	HTML 상의 space, tab 병합	HTML 상의 줄바꿈 병합	너비에 따른 자동 줄바꿈
white-space	normal	O	O	O
	nowrap	O	O	X
	pre-line	O	X	O
	pre-wrap	X	X	O
	pre	X	X	X

<div class="wrap" style="white-space: 값;"><!--bg: 핑크-->
  <div class="con-wrap"><!--bg: 연하늘-->
    <p class="con">Mint<!--bg: 하늘-->
      coding 
    </p>
  </div>
</div>

normal

Mint coding

Mint coding

nowrap

Mint coding

Mint coding

pre-line

Mint coding

Mint coding

pre-wrap

Mint coding

Mint coding

pre

Mint coding

Mint coding