flex - 요소 꽉 채우기 CSS

양나빈·2023년 12월 16일
0

css

목록 보기
5/6

flex는 인스타 피드처럼 여러 요소들을 나열할 때 쓰는 방식이다.
나열하고 요소들을 꽉 채우고 싶을 때는 어떤 옵션을 추가해야하는가?

  1. 빈 공간을 채우고 싶으면?
flex-grow: 1;
  1. 어떤 요소의 크기를 내 마음대로 고정하고 싶으면?
flex-shrink: 0;
  1. 폭을 정해주려면?
    flex에는 width 대신에 flex-basis를 써주는 것이 좋다.
profile
nacong

0개의 댓글