display:flex1 align-itmes 지난 display:flex의 하위속성인 justify-content 에 이어서 다른 하위 속성들을 알아보자. ★ 시작 하기 전 하위속성들에 대해서만 쓰다 보니 잊은 게 있었는데 하위 속성 쓰기 전에 display: flex; 를 입력해 줘야 한다는 것이다. ★ align-items : 부모박스 안에서 세로 위치(기준)에 자식박스를 정렬하는 속성이다.이때 '세로'는 부모박스의 top에 위치하느냐, middle에 위치하느냐, bottom부분에 위치하는가를 뜻한다. flex-direction : 자식박스의 나열 방향으로 자식박스를 부모박스 안에서 block속성처럼 세로로 정렬하거나, 기본값처럼 가로로 정렬할 때 사용한다. (속성값에 -reverse가 붙으면 start와 end자리가 바뀌게 되고.. 2024. 6. 8. 이전 1 다음
