css온고지신-탄성상자
디스플레이:flex를 통해상자 유형을 지정합니다.
탄성 부모 요소 속성
flex-direction은 부모 용기에 탄성자 원소의 위치를 지정합니다.
flex-direction: row | row-reverse | column | column-reverse
juestify-content
플렉스-direction에서 지정한 방향으로 탄성 상자의 주축 방향 정렬을 설정합니다
justify-content: flex-start | flex-end | center | space-between | space-around
측축 방향의 그것과 동일하면서도 다르다.극칭 빈틈 문제 주축 방향은 하위 원소 배열 방향이고 빈틈은 모두가 공유해야 하며 align-items는 옆축 방향이고 각 위치마다 하위 원소가 하나밖에 없기 때문에 공습은 스트레칭에 영향을 미친다
align-items
스판 상자 요소의 측면 축 정렬 설정
align-items: flex-start | flex-end | center | baseline | stretch
flex-wrap
flex 레이아웃의 중요한 속성인 구문은 다음과 같습니다.
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
align-content
align-content 속성은 flex-wrap 속성을 수정하는 데 사용됩니다.align-items와 유사하지만, 신축성 서브 요소의 정렬을 설정하는 것이 아니라, 각 줄의 정렬을 설정합니다.즉, flex-wrap이 작용하여 줄이 바뀔 때 이 속성은 줄마다 정렬 방식을 제어합니다
물론 flex-direction이 바뀌면 열의 정렬입니다
탄성 서브 요소 속성
order
정렬, 정수 값으로 정렬 순서를 정의하고, 작은 값은 앞에 배열합니다.음수가 될 수 있습니다.
정렬???
"margin"값을 "auto"값으로 설정하면 탄성 용기에 남은 공간을 자동으로 가져옵니다.그래서 수직방향margin값을'오토'로 설정하면 탄성자 원소가 탄성용기의 두 상축 방향에서 완전히 가운데를 차지하게 할 수 있다.
align-self 속성은 신축성(자) 요소 자체가 옆축(세로축) 방향에서 정렬되는 방식을 설정하는 데 사용됩니다.
flex
flex 속성은 신축성 서브 요소가 공간을 어떻게 분배하는지 지정하는 데 사용됩니다
flex: auto | initial | none | inherit | [ flex-grow ] || [ flex-shrink ] || [ flex-basis ]
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
STL 학습노트(6) 함수 객체모방 함수는 모두pass-by-value이다 함수 대상은 값에 따라 전달되고 값에 따라 되돌아오기 때문에 함수 대상은 가능한 한 작아야 한다(대상 복사 비용이 크다) 함수 f와 대상 x, x 대상에서 f를 호출하면:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
