728x90
반응형

flexbox 2

align-content와 align-items의 차이점

질문 : align-content와 align-items의 차이점은 무엇입니까? align-items 와 align-content 의 차이점을 보여줄 수 있습니까? 답변 flex-box의 align-items justify-content 가 주 축을 따라하는 것처럼 교차 축을 따라 플렉스 컨테이너 내부의 항목을 정렬합니다. (기본 flex-direction: row 경우 교차 축은 수직에 해당하고 주 축은 수평에 해당합니다. flex-direction: column 하면이 두 개가 각각 교환됩니다.) align-items:center 모양의 예입니다. 그러나 align-content 는 여러 줄의 유연한 상자 용입니다. 항목이 한 줄에있는 경우에는 효과가 없습니다. 값에 따라 전체 구조를 정렬합니다. 다..

개발관련/other 2021.11.29

CSS Flexbox에서 "justify-items"및 "justify-self" 속성이 없는 이유

질문 : CSS Flexbox에서 "justify-items"및 "justify-self"속성이없는 이유는 무엇입니까? 플렉스 컨테이너의 주축과 교차 축을 고려하십시오. 출처 : W3C 주축을 따라 플렉스 항목을 정렬하려면 속성이 하나 있습니다. justify-content 교차 축을 따라 플렉스 항목을 정렬하려면 세 가지 속성이 있습니다. align-content align-items align-self 위 이미지에서 주축은 수평이고 교차 축은 수직입니다. 이것은 플렉스 컨테이너의 기본 방향입니다. flex-direction 속성과 쉽게 교환 할 수 있습니다. /* main axis is horizontal, cross axis is vertical */ flex-direction: row; flex-..

728x90
반응형