개발하는 루루언니

CSS : flex 레이아웃 사용법 본문

컴퓨터 정보/css

CSS : flex 레이아웃 사용법

혜닝혜루 2022. 12. 13. 14:16
728x90
반응형

See the Pen Untitled by tkrkr55 (@tkrkr55) on CodePen.

 

📙순서대로 확인해보기

✔flex-wrap이 없을때와 있을때를 확인해보자

( 전체 container 크기가 600px인데  .box 의 크기가 200px 이고 flex일경우 가로로 일열로 배치가 될것이다)

✔ align-content : flex-start / flex-and / center 을 해보면서 어떤 변화가 있는지 확인해  보자

✔ .box4와 .box5에 order을 줌으로써 순서가 어떻게 변하는지 확인해보자

728x90

'컴퓨터 정보 > css' 카테고리의 다른 글

CSS : animation - direction 종류  (0) 2022.12.13
CSS : text-decoration 사용해보기  (0) 2022.12.13
CSS : 가상 요소 선택자 정리 : before / after  (0) 2022.12.12
CSS : 가상클래스 선택자 정리 (active / focus/ visited )  (0) 2022.12.12
CSS : first-child / first-of-type  (0) 2022.12.12
'컴퓨터 정보/css' Related Articles more