CSS column-count

1 개요

CSS column-count

CSS 컬럼 카운트

• 컬럼 개수를 지정하는 CSS 속성

2 예시

html

Copy

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

• https://developer.mozilla.org/en/docs/Web/CSS/column-count
• https://css-tricks.com/almanac/properties/c/column-count/