인프런 커뮤니티 질문&답변
작성한 질문수
<Form.Item>에서 button을 두개 넣었을 경우 우측 정렬
작성
·
1.2K
1
index.js /upload 파일
<Form.Item className='buttons'>
<Button id="submit-button" size="large" htmlType="submit">Submit</Button>
<Button id="reset-button" size="large" htmlType="reset">Reset</Button>
</Form.Item>
index.css /upload 파일
.buttons{
display: flex;
justify-content: flex-end;
}
이렇게 입력할 경우 className이 buttons인 태그의 자식 태그들이 우측으로 정렬되어야하는 것 아닌가용...
적용이 안되는 이유가 있는지 궁금합니당
답변 1
0
그랩
지식공유자
Button 컴포넌트가 내부적으로 어떻게 구현되어 있냐에 따라서 부모 컴포넌트의 flex가 적용되지 않을 수 있습니다. 즉 자식 컴포넌트의 특성에 따라 달라질 수 있습니다.
antd 공식 문서에서 Form 태그의 정렬 방식을 알아보는 게 더 나을 것 같습니다 :)