Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS로 열을 채우는 방법

<시간/>

열을 채우려면 column-fill 속성을 사용하십시오. 다음 코드를 실행하여 균형 형식으로 column-fill 속성을 구현할 수 있습니다.

예시

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-fill: balance;
         }
      </style>
   </head>
   <body>
      <div class = "demo">
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text.
         This is demo text.
      </div>
   </body>
</html>