>  기사  >  웹 프론트엔드  >  CSS 열 채우기 속성을 사용하는 방법

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

silencement
silencement원래의
2019-05-28 09:21:172737검색

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

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

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

css 열- gap 속성 구문 형식

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

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

css column-gap 속성 값 설명

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

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

Example

# 🎜 🎜#

<제목> ;css3 column-gap 속성은 열 사이의 거리를 설정합니다. Notes

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

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

실행 결과

# 🎜🎜#


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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.