티스토리 뷰

CSS

WHITE-SPACE

GYChoi 2022. 3. 11. 16:58

 

  스페이스와 탭 줄바꿈 자동 줄바꿈
normal 병합(띄어 쓰기는 여러줄이든 한칸 사용) 병합 O
nowrap 병합 병합 X
pre 보존(입력된 그대로) 보존 X
pre-wrap 보존 보존 O
pre-line 병합 보존 O 
 <body>
    <p class="t">white-space: normal;</p>
    <p class="a">    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nunc viverra lectus in nisl convallis, id mattis tortor ultrices. Quisque a justo non nisl maximus pretium quis sit amet tortor.</p>
    <p class="t">white-space: nowrap;</p>
    <p class="b">    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nunc viverra lectus in nisl convallis, id mattis tortor ultrices. Quisque a justo non nisl maximus pretium quis sit amet tortor.</p>
    <p class="t">white-space: pre;</p>
    <p class="c">    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nunc viverra lectus in nisl convallis, id mattis tortor ultrices. Quisque a justo non nisl maximus pretium quis sit amet tortor.</p>
    <p class="t">white-space: pre-wrap;</p>
    <p class="d">    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nunc viverra lectus in nisl convallis, id mattis tortor ultrices. Quisque a justo non nisl maximus pretium quis sit amet tortor.</p>
    <p class="t">white-space: pre-line;</p>
    <p class="e">    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nunc viverra lectus in nisl convallis, id mattis tortor ultrices. Quisque a justo non nisl maximus pretium quis sit amet tortor.</p>
  </body>

 

'CSS' 카테고리의 다른 글

table 꾸미는 속성  (0) 2022.04.13
position  (0) 2022.03.11
BACKGROUND  (0) 2022.03.11
CSS 10단계  (0) 2022.02.04
이미지 표현법  (0) 2022.02.02

UP NEXT : CSS

댓글
© 2018 webstoryboy