CSS에서 요소를 수직 중앙에 배치하는 방법에 대한 질문은 이미 일반적인 질문입니다. 신입이든 베테랑이든 면접 과정에서 자주 묻는 질문이다. 이틀 전에 Flex 비디오 튜토리얼을 보다가 요소의 센터링에 대해 언급했기 때문에 오늘은 몇 가지 일반적인 방법을 살펴보겠습니다. 부족한 부분은 비판하고 수정해주세요. (모든 코드는 제가 직접 입력하여 사용 가능합니다.) 1. 수평 중심화 (여백: 0 자동;) 이에 대해서는 교육 수업이든 자습이든 모두가 가장 익숙해야 합니다. 단어를 공부하세요. 이는 교사가 (수평적으로) 가르친 첫 번째 방법이어야 하지만, 래핑된 요소는 부동 속성을 가질 수 없다는 전제가 있습니다. 그렇지 않으면 이 속성이 유효하지 않게 됩니다. 구체적인 코드는 다음과 같습니다.