HTML+CSS / ★flex속성 6가지 / day11 / 25.04.15

Flex의 방향이 column일 경우 justify-content의 방향이 세로로, align-items의 방향이 가로로 바뀝니다.더보기내용이 이어져서 day10, 25.04.14내용까지 추가display: flex; 자식 박스를 편리하게 정렬하는 flex속성 어플리케이션 형태의 페이지 또는 반응형 홈페이지에서 많이 쓰인다. 유동 레이아웃 구현 시 편리하게 사용할 수 있다. figma의 auto layout과 유사하게 동작한다. 더보기flex속성은 익스(인터넷 익스플로러)10 이상에서만 지원된다.하지만 10버전 이상에도 종종 버그가 발생하므로 익스 환경에서는 float속성(전통방식)을 사용하기를 권장한다.익스 11버전에서는 -ms-, -webkit-, -moz- 브라우저 접두사 (=벤더프리픽스) 함께 선..
HTML+CSS 2025. 4. 15. 12:34
1