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

2017년 6월 27일 (화) 01:17 기준 최신판

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 참고[ | ]

@@ 8번째 줄: / 8번째 줄: @@
 <style>
    .mylist {
-     column-count: 5;
+     column-count: 3;
-     -moz-column-count: 5;
+     -moz-column-count: 3;
-     -webkit-column-count: 5;
+     -webkit-column-count: 3;
    }
 </style>
@@ 29번째 줄: / 29번째 줄: @@
 <jsfiddle height='150'>1hxetsvg</jsfiddle>
-==참고 자료==
+==참고==
 * https://developer.mozilla.org/en/docs/Web/CSS/column-count
 * https://css-tricks.com/almanac/properties/c/column-count/
 [[분류: CSS]]