티스토리 뷰

css

css - white-space

96승승 2022. 2. 11. 09:08
  스페이스와 탭 줄바꿈 자동 줄바꿈
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' 카테고리의 다른 글

[CSS] 벤더 프리픽스  (0) 2022.04.15
css - background  (0) 2022.02.11
<link> 태그란?  (0) 2022.02.06
margin: 0 auto;(가운데 정렬)  (0) 2022.02.05
css -table 꾸미기  (0) 2022.02.01

UP NEXT : css

댓글
© 2018 webstoryboy