Style flex Property

융통성있는 모든 항목이 같은 길이하자, 그 내용의 regardles :

for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}

정의 및 사용

플렉스 속성 집합 또는 동일한 컨테이너 내부의 flexibel 항목의 나머지 부분을 기준으로 항목의 길이를 반환합니다.

플렉스 속성은 flexGrow, flexShrink 및 flexBasis 속성에 대한 속기입니다.

Note: 요소가 유연 항목이없는 경우, 플렉스 속성은 효과가 없습니다.

플렉스 속성은 사파리를 제외한 모든 주요 브라우저에서 지원됩니다.

참고 : 플렉스 속성은 IE 10이 속성은 접두사 MS와 지원, 이전 IE 9 지원 여부입니다. IE11 및 최신 버전은 완전히 플렉스 속성을합니다 (MS 접두사가 필요하지 않습니다)를 지원합니다.

참고 : 사파리 6.1 이상 대안의 WebkitFlex 속성을 지원합니다.

플렉스 속성을 반환합니다 :

object .style.flex

플렉스 속성을 설정 :

object .style.flex=" 속성 값

값	기술
flex-grow	항목이 유연 항목의 나머지 부분에 상대적으로 성장이 얼마나 지정하는 숫자
flex-shrink	항목이 유연 항목의 나머지 부분에 상대적으로 축소 얼마나 지정하는 숫자
flex-basis	항목의 길이입니다. 유효한 값 : "auto" , "inherit" , 또는 숫자 뒤에 "%" , "px" , "em" 또는 어떤 다른 길이 단위
auto	1 일 개 자동차와 동일합니다.
initial	0 1 자동차와 동일합니다. 초기 읽기에 대한
none	0 0 자동차와 동일합니다.
inherit	부모 요소에서이 속성을 상속합니다. 대한 상속 읽기