CSS Flexbox 사용 예제는?

다음은 Flexbox를 사용하여 세 개의 박스를 수평으로 정렬하려는 CSS 코드입니다. 이 코드의 결과로 예상되는 동작은 무엇인가요?

.container 클래스를 가진 요소 안에 여러 개의 .box 클래스를 가진 요소들이 있다고 가정합니다. 이 구조에서 Flexbox의 특성을 고려할 때, 상자들이 어떻게 배치될까요?

CSS

.container {
  display: flex;
}
.box {
  width: 100px;
  height: 100px;
  margin: 10px;
}

답변

상자는 겹쳐서 보인다. 상자는 수평으로 정렬된다. 상자는 수직으로 정렬된다. 상자는 중앙으로 정렬된다.

로그인 후 제출하기