CSS 열 채우기 속성을 사용하는 방법

css 열 간격 속성 정의 및 사용법

CSS에서 열 간격 속성은 일반적으로 다음과 같습니다. 요소 내용을 열로 나눈 후 열과 열 사이의 거리를 설정하기 위해 열과 열 개수와 같은 열 속성을 함께 사용합니다(다중 열 레이아웃)

css 열- gap 속성 구문 형식

css 구문: 열-갭: 길이 / 일반; (예: 열-갭:36px;)

JavaScript 구문: 개체. style.columnGap ="40px"

css column-gap 속성 값 설명

length: 열 사이의 간격 맞춤설정

# 🎜 🎜#normal: 열 사이의 일반 간격

Example

# 🎜 🎜#

body{배경: #ddd ;}div{너비: 400px;border:1px 단색 blueviolet;}

.gap{column-count:3;column-gap:60px;}

.gap_normal{ 열 개수:3;열 간격:일반;}

column-gap:60px;Demo, 열 사이의 거리를 60px로 설정

# 🎜🎜#

column-gap:normal; 데모, 열 사이의 거리를 일반 거리로 설정하세요!

실행 결과

# 🎜🎜#

위 내용은 CSS 열 채우기 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!