flex에서 요소를 오른쪽으로 배치하고자 할 때 margin-left:auto 로 하면 오른쪽에 있는 여백이 왼쪽으로 이동하게 됩니다.

Flex 박스내의 요소 양쪽 정렬하기

마진 속성을 이용합니다. Margin-left:auto;

Flex에서는 요소를 양쪽으로 정렬을 하기 위한 between 이라는 속성값이 있지만, 이는 내부 요소가 3개 이상일때는 가운데에도 요소가 같이 정렬이 되기 때문에 – 추천하지 않는다.

auto 값은 자동으로 영역의 크기를 계산하여 적용됨

Flexbox 정렬

Flex 박스내의 요소 양쪽 정렬하기

마진 속성을 이용합니다. Margin-left:auto;

Flex에서는 요소를 양쪽으로 정렬을 하기 위한 between 이라는 속성값이 있지만, 이는 내부 요소가 3개 이상일때는 가운데에도 요소가 같이 정렬이 되기 때문에 – 추천하지 않는다.

auto 값은 자동으로 영역의 크기를 계산하여 적용됨