CSS 속성을 플렉스는-성장
예
있도록 두번째 요소는 다른 요소의 너비의 3 배이다 :
div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
»시도
브라우저 지원
표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 접두사 속성을 지원하는 첫 번째 버전 이후 디지털 -webkit-, -ms- 또는 -moz-를 다음과 같습니다.
| 재산 | |||||
|---|---|---|---|---|---|
| 플렉스 - 성장 | 29.0 21.0 -webkit- | 11.0 10.0 -ms- | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
정의 및 사용
플렉스 성장 특성을 설정 또는가요 성 파우치 팽창비를 검색하는 데 사용된다. .
주 : 소자는 탄성 요소 상자 오브젝트가 아닌 경우, 플렉스 성장 특성은 작동하지 않는다.
| 기본값 : | 0 |
|---|---|
| 상속 : | 아니 |
| 애니메이션 할 수 있습니다 : | 예. 참조하시기 바랍니다 애니메이션 (애니메이션) . 시험 |
| 버전 : | CSS3 |
| 자바 스크립트 구문 : | .style.flexGrow이 = "5"개체시도 |
CSS 구문
flex-grow:number|initial|inherit;
속성 값
| 值 | 描述 |
|---|---|
| number | 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
관련 기사
CSS 참조 : 플렉스 등록
CSS 참조 설명서 : 플렉스 - 기초 속성
CSS 참조 설명서 : 플렉스 방향 속성
CSS 참조 설명서 : 플렉스 흐름 속성
CSS 참조 설명서 : 속성을 플렉스 - 축소
CSS 참조 설명서 : 플렉스 랩 속성