HTML DOM 스타일 justifyContent 속성
정의 및 사용
스핀들 유연한 용기에 사용 가능한 모든 공간을 차지하지 않는 용기 (레벨) 내에서 정렬 justifyContent.
팁 : 크로스 (세로)의 사용 alignContent 속성 정렬 축.
브라우저 지원
파이어 폭스, 오페라와 크롬은 정당화 콘텐츠 속성을 지원합니다.
문법
위로 justifyContent 속성 :
object .style.justifyContent
justifyContent 속성 설정 :
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| flex-start | 默认值。项目位于容器的开头。 |
| flex-end | 项目位于容器的结尾。 |
| center | 项目位于容器的中心。 |
| space-between | 项目位于各行之间留有空白的容器内。 |
| space-around | 项目位于各行之前、之间、之后都留有空白的容器内。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 플렉스 시작 |
|---|---|
| 반환 값 : | 문자열 정당화 콘텐츠 나타내는, 요소 속성. |
| CSS 버전 | CSS3 |
관련 기사
CSS 참조 설명서 : 정당화-콘텐츠 속성
HTML DOM STYLE 참조 : alignContent 속성
HTML DOM 스타일 참조 : alignItems 속성
HTML DOM STYLE 참조 : alignSelf 속성