예
모든 유연한 항목이 동일한 길이하자, 그 내용의 regardles :
#main div {
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1; /* IE 10 */
flex: 1;
} »그것을 자신을 시도 정의 및 사용
굴곡 특성은 동일한 용기 내부가요 나머지 항목에 대하여 항목의 길이를 지정한다.
플렉스 속성은 플렉스 성장 플렉스 축소하고, 플렉스 기반 속성에 대한 속기입니다.
Note: 요소가가요 항목이 아니라면, 굴곡 특성이 영향을주지 않는다.
| 기본값: | 0 1 auto |
|---|---|
| 상속 : | no |
| 애니메이션 : | yes, see individual properties . Read about animatable |
| 번역: | CSS3 |
| 자바 스크립트 구문 : | object .style.flex="1" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
숫자는 -webkit-, -ms- 다음 또는 접두어와 함께 일 첫 번째 버전을 지정 -moz-.
| 재산 | |||||
|---|---|---|---|---|---|
| flex | 29.0 21.0 -webkit- | 11.0 10.0 -ms- | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
CSS 구문
flex:flex-growflex-shrinkflex-basis|auto|initial|inherit;속성 값
| 값 | 기술 |
|---|---|
| flex-grow | 항목가요 나머지 항목에 대하여 성장이 얼마나 지정하는 숫자 |
| flex-shrink | 항목가요 나머지 항목에 대하여 수축 얼마나 지정하는 숫자 |
| flex-basis | 항목의 길이입니다. 유효한 값 : "auto" , "inherit" , 또는 다음에 숫자 "%" , "px" , "em" 또는 어떤 다른 길이 단위 |
| auto | 1 일 자동차와 동일합니다. |
| initial | 0 1 자동차와 동일합니다. 초기에 대해 알아보기 |
| none | 0 0 자동차와 동일합니다. |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
관련 페이지
CSS 참조 : flex-basis property
CSS 참조 : flex-direction property
CSS 참조 : flex-flow property
CSS 참조 : flex-grow property
CSS 참조 : flex-shrink property
CSS 참조 : flex-wrap property
HTML DOM 참조 : flex property