플렉스 레이아웃과 기존 레이아웃의 차이점은 무엇입니까?

플렉스 레이아웃과 기존 레이아웃의 차이점은 무엇인가요?

전통적인 레이아웃: 디스플레이 속성, 위치 속성 및 부동 속성을 사용하는 상자 모델 기반

flex 레이아웃: flex는 "탄력적 레이아웃"을 의미하는 유연한 Box의 약어로, 최대 유연성을 제공하는 데 사용됩니다. 박스 모델 .

(권장 튜토리얼: CSS로 빠른 시작)

display: flex로 설정된 요소를 "컨테이너"라고 하며 해당 하위 요소를 "항목"이라고 합니다. 컨테이너가 가변 레이아웃으로 설정된 후에는 하위 요소의 부동, 투명 및 수직 정렬 속성이 유효하지 않게 됩니다.

주축과 측면 축을 결정해야 하는 이유는 무엇입니까?

주축과 측면축은 플렉스 방향에 따라 결정됩니다(기본값은 행). 주축을 결정해야 하는 이유는 항목의 정렬 방향을 결정하기 위한 것입니다.

flex-direction이 행 또는 행-역방향인 경우 주축은 justify-content입니다.

flex-direction이 열 또는 행인 경우; 열을 반대로 한 다음 주축을 정렬하면 됩니다.

위 내용은 플렉스 레이아웃과 기존 레이아웃의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!