CSS 정렬 - 자기 속성
브라우저 지원
표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 접두사 속성을 지원하는 첫 번째 버전 이후 디지털 -webkit-, -ms- 또는 -moz-를 다음과 같습니다.
재산 | |||||
---|---|---|---|---|---|
정렬 - 자기 | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- | 12.1 |
정의 및 사용
정렬 - 자기 속성은 정렬의 축 (수직 축) 방향의 측면에 혼자 플렉스 아이를 정의했다. .
참고 : 정렬 - 자기 재기록 정렬-항목은 유연한 컨테이너 속성 속성.
기본값 : | 자동 |
---|---|
상속 : | 아니 |
애니메이션 할 수 있습니다 : | NO. 참조하시기 바랍니다 애니메이션 (애니메이션) . |
버전 : | CSS3 |
자바 스크립트 구문 : | .style.alignSelf = "센터"개체시도 |
CSS 구문
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
속성 값
值 | 描述 | 测试 |
---|---|---|
auto | 默认值。元素继承了它的父容器的 align-items 属性。如果没有父容器则为 "stretch"。 | 测试 » |
stretch | 元素被拉伸以适应容器。 | 测试 » |
center | 元素位于容器的中心。 | 测试 » |
flex-start | 元素位于容器的开头。 | 测试 » |
flex-end | 元素位于容器的结尾。 | 测试 » |
baseline | 元素位于容器的基线上。 | 测试 » |
initial | 设置该属性为它的默认值。请参阅 initial 。 | 测试 » |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
관련 기사
CSS의 참조 : = 왼쪽 컨텐츠 속성을 맞 춥니 다
CSS 참조 : 정렬 = 왼쪽 속성 항목보기