본문 바로가기

javascript_css

CSS Flex 제대로 한번 더

728x90
반응형

공부하자~!

 

보통은 수직으로 쌓임 

가로세로값을 가질 수 있고 수평으로 쌓이게

display: inline-block;

 

float, clearfix 등 배워야 함

 

display: flex; 쉽게 수평, 수직제어!

 

flex는 container와 item으로 구성되어 있음

 

item 양쪽 끝에 붙이기 

space-between

 

https://heropy.blog/2018/11/24/css-flexible-box/

 

CSS Flex(Flexible Box) 완벽 가이드

많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F

heropy.blog

 

728x90
반응형

'javascript_css' 카테고리의 다른 글

n 활용한 Node.js 버전 관리 (mac)  (0) 2024.01.09
CSS - flex 정리  (0) 2023.07.26