질문
css컴포넌트를 어떻게 가운데 정렬하나요?
- 내가 생각하는 질문의 요지 : flex-box
답변
로그인 폼 컴포넌트를 중간에 위치시키기 위해서 저는 flexBox를 사용합니다. 로그인 컴포넌트를 감싸는 래퍼 요소가 있다면, 그 래퍼 요소에 display속성 값을 flex로 지정하고, jsutify-content속성값을 center, align-items 속성값도 center로 지정하면 됩니다.
추가 답변
이때, 주의할 점은 flex-container의 item이 하나 이상 늘어나게 되면 가운데 정렬이 되지 않기 떄문에 HTML요소 배치에 주의해야 합니다.
Hello world!