목록2024/10/07 (1)
걸음마부터 달리기
[24/10/7] 블로그 front
flex:기존에 float나 inline-block으로는 수평 구성의 경우 참으로 귀찮았음. .clearfix::after { content: ""; clear: both; display: block;}.box { float: left;}따라서 쉬운 수평 구성을 위해서 flex라는 display 속성을 이용하여 더 쉽게 구조를 구성하겠다는거 주축과 교차축주축은 item이 표시되는 방향 교차축은 주축의 수직방향 align-items (Container)이것은 교차축을 기준으로 Flex 컨테이너 안에 있는 item이 어느 위치에 놓일건지 결정flex (item) Item의 너비(증가, 감소, 기본)를 설정하는 단축 속성입니다.flex: 증가너비 감소너비 기본너비;flex: 1 이면 증가너비가..
카테고리 없음
2024. 10. 7. 23:51