"CSS column-count"의 두 판 사이의 차이

잔글 (222.106.116.210(토론)의 편집을 Jmnote의 마지막 판으로 되돌림)
8번째 줄: 8번째 줄:
<style>
<style>
   .mylist {
   .mylist {
     column-count: 5;
     column-count: 3;
     -moz-column-count: 5;
     -moz-column-count: 3;
     -webkit-column-count: 5;
     -webkit-column-count: 3;
   }
   }
</style>
</style>

2016년 5월 24일 (화) 16:36 판

1 개요

CSS column-count
CSS 컬럼 카운트
  • 컬럼 개수를 지정하는 CSS 속성

2 예시

<style>
  .mylist {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
</style>

<div class='mylist'>
  <div>한놈</div>
  <div>두시기</div>
  <div>석삼</div>
  <div>너구리</div>
  <div>오징어</div>
  <div>육개장</div>
  <div>칠면조</div>
  <div>팔보채</div>
  <div>구구단</div>
  <div>십자가</div>
</div>

3 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}