CSS

[CSS3] 컬럼 나누기 colume-count, column-gap, column-rule

daeyun대윤 2018. 2. 28. 10:41

CSS

  .multipleColume{
    background:#ffffe6;
    width:768px;
    height:768px;
    padding:20px;
    text-align: justify;

    column-count:3; /*박스의 내용을 3단으로 */
    column-gap:40px;/*각 단의 간격  */
    column-rule:2px dotted #000000; /* 단과 단사이에 구분선 */
   }

See the Pen CSS3 column example by daeyun (@daeyun) on CodePen.

728x90
300x250