프로필카테고리질문하기
로그인 계정 만들기

css flex 양옆으로 정렬하는 방법

04 개월 전

flex에서 자식을 양옆으로 정렬하는 방법은 무엇인가요?

예를들어

.container { display: flex; }<div class="container"> <div>column1</div> <div>column2</div> </div>

여기에서 두 개의 column이 각각 왼쪽, 오른쪽으로 정렬되게 하려면 어떻게 해야 하나요?

답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (1)

394 개월 전
justify-contentspace-between으로 설정할 수 있어요.
.container { display: flex; justify-content: space-between; }<div class="container"> <div>왼쪽</div> <div>오른쪽</div> </div>
의견 추가
의견 (0)
더 많은 의견 보기