Latest web development tutorials

HTML DOM 스타일 alignContent 속성

스타일 객체 참조 스타일 개체

유연한 <div> 요소의 항목을 정렬 :

document.getElementById("myDIV").style.alignContent="center";

»시도

정의 및 사용

alignContent 속성은 샤프트 빈 크로스 유연한 용기 사용 가능한 모든 공간에 컨테이너 (세로) 내에서 정렬됩니다.

팁 : justifyContent 속성은 스핀들에 (수평)을 맞 춥니 다.

참고 : 반드시 여러 줄 용기 내에서 항목이 속성 효과를 렌더링하기 위해.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

크롬과 오페라 지원 alignContent 속성입니다.


문법

위로 alignContent 속성 :

object .style.alignContent

alignContent 속성 설정 :

object .style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

속성 값

描述
stretch 默认值。项目被拉伸以适应容器。
center 项目位于容器的中心。
flex-start 项目位于容器的开头。
flex-end 项目位于容器的结尾。
space-between 项目位于各行之间留有空白的容器内。
space-around 项目位于各行之前、之间、之后都留有空白的容器内。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 뻗기
반환 값 : 정렬 콘텐츠 요소의 속성을 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

CSS의 참조 : = 왼쪽 컨텐츠 속성을 맞 춥니 다

HTML DOM 스타일 참조 : alignItems 속성

HTML DOM STYLE 참조 : alignSelf 속성

HTML DOM STYLE 참조 : justifyContent 등록


스타일 객체 참조 스타일 개체