아이템들의 행이 2줄 이상일때 수직 방향(세로) 정렬을 설정한다 flex-wrap 속성이 wrap으로 설정되어 있어야 한다 1. align-content: stretch 요소들의 세로 크기에 맞게 설정된다 2. align-content: flex-start 컨테이너의 시작점을 기준으로 정렬된다 3. align-content: flex-end 요소들을 끝 지점(맨 아래)을 기준으로 정렬한다 4. align-content : center 요소들을 가운데 지점으로 정렬한다 6. align-content: space-between 요소들 사이의 세로 방향 간격을 일정하게 설정한다 7. align-content: space-around 요소들의 둘레에 균일한 간격을 설정한다 8. align-content : sp..
가로축 방향으로 요소들을 정렬한다 1. justify-content : flex-start 요소의 시작점을 기준으로 정렬한다 2. justify-content : flex-end 요소들을 끝 지점으로 정렬한다 3. justify-content: center 가운데로 정렬한다 4. justify-content: space-between 요소들 사이의 간격을 균일하게 설정하여 정렬한다 5. justify-content: space-around 아이템들의 둘레에 균일한 간격을 설정한다 6. justify-content: space-evenly 아이템 사이와 양 끝에 균일한 간격을 설정한다
CSS 단위 웹 사이트 내의 범위나 크기를 수치로 나타낸다, 상대 단위 / 절대 단위가 있다 상대 단위 고정되지 않고 어떤 기준에 따라 바뀔수 있는 단위 1. % 전체 요소의 특정 비율을 나타내는 단위 ex) 한 요소의 높이가 100px일때 50% 적용하면 50px 2. em 폰트의 크기(font-size)를 나타내며 외부로부터 적용받는 폰트의 크기(font-size)에 따라 값이 달라진다 ex) 브라우저의 기본 폰트 크기가 10px일때 1em은 10px, 2em은 20px 3. rem 폰트의 크기(font-size)를 나타내며 최상위 요소(html 요소)에 지정된 크기를 기준으로 값이 달라진다 ex) html에서 정해놓은 크기 20px, 부모 요소의 크기는 25px일때 1rem의 값은 20px 4. v..