Flex Box

gongkang·2022년 1월 27일
0

CSS

목록 보기
1/1

flex: 1 사용법 (나머지 영역 가득 채우고 싶을 때)

하나의 div 영역이 있다고 가정
두개의 아이템을 flex로 가로로 배치한다고 가정
앞부분 아이템 가로 길이는 2rem 으로 고정되어 있고, 뒤에 있는 아이템
가로 길이는 남는 영역을 가득 채우고 싶을 때 flex: 1을 사용하면 된다

justify-content: space-between (양쪽 끝에 배치가 필요한 경우)

space-between : 아이템들의 사이에 균일한 간격을 만들어준다
왼쪽 끝과 오른쪽 끝에 배치가 필요한 경우 유용하게 사용하였다

참고한 사이트
https://studiomeal.com/archives/197

profile
개발 공부하는 학생

0개의 댓글