반응형 flex2 flex 1 2 3 4 5 1 2 3 4 5 생활코딩 html css javascript Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis veniam totam labore ipsum, nesciunt temporibus repudiandae facilis earum, sunt autem illum quam dolore, quae optio nemo vero quidem animi tempore aliquam voluptas assumenda ipsa voluptates. Illum facere dolor eos, corporis nobis, accusamus velit, similique cum iste unde vero harum vo.. 2024. 2. 19. [CSS] flex) justify-content & align-content justify-content 가로 축을 기준으로 좌우에 대한 정렬을 관장함 [해당요소] flex-start (default) : 요소들을 컨테이너의 왼쪽으로 정렬 flex- end : 요소들을 컨테이너의 우측으로 정렬 center : 요소들을 컨테이너의 중앙으로 정렬 space-between : 요소들 사이에 동일한 간격을 둡니다. space-around : 요소들 주위에 동일한 간격을 둡니다. space-evenly(FireFox Only) : 첫번째로 오는 정렬 대상 전에 두 개의 인접한 정렬 대상 사이의 간격과 마지막 정렬 대상 이후의 간격이 같도록 항목이 분산 됩니다. See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. => sp.. 2023. 10. 22. 이전 1 다음 반응형