예
유연한의 항목 사이에 약간의 공간을 확인 <div> 요소를 :
document.getElementById("main".style.justifyContent = "space-between"; »그것을 자신을 시도 정의 및 사용
항목이 주 축에 사용 가능한 모든 공간을 사용하지 않는 경우 justifyContent 속성은 유연한 컨테이너의 항목을 정렬 (horizontally) .
팁 : 교차 축에있는 항목을 정렬 할 alignContent 속성을 사용 (vertically) .
브라우저 지원
정당화 콘텐츠 속성은 파이어 폭스, 오페라, 그리고 크롬에서 지원됩니다.
통사론
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 | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 플렉스 시작 |
|---|---|
| 반환 값 : | 요소의 정당화 컨텐츠 속성을 나타내는 문자열 |
| CSS 버전 | CSS3 |
관련 페이지
CSS 참조 : justify-content property
HTML DOM 스타일 참조 : alignContent property
HTML DOM 스타일 참조 : alignItems property
HTML DOM 스타일 참조 : alignSelf property
<스타일 개체