flex

▼한줄에 여러 박스를 나열하고 싶을 때 ▷자식을 한줄에 여러개를 배치한다면 - 부모에게 display:flex; 입력 - justify-content:space-between (양쪽 끝을 기준으로 정렬, 맨끝에 위치) - justify-content:space-around (양쪽 끝을 기준으로 정렬, 양끝에 간격이 있음) - justify-content:center (가운데 정렬) ▼자식 줄바꿈 ▷자식의 너비가 부모의 너비보다 커질시 자동으로 줄을 바꾸어 배치한다 ▷부모에게 flex-wrap:wrap ㄴex) ul{ display:flex; justify:center; flex-wrap:wrap; } ▼정렬 기준 방향 설정 ▷flex-direction -row (기본값) : 왼쪽에서 오른쪽으로 수평 배치..

2023.10.08