오토봇

요소가 가변형 컨테이너의 모든 가장자리에서 동일하게 푸시하는 중심 기법입니다. 단일 항목에서만 빠른 가운데 정렬에 적합합니다.

이 기법에 관한 자세한 내용과 언제 이 기법이 효율적인지 알아보려면 전체 문서를 참고하세요.

전체 기사 · YouTube 동영상 · GitHub에서 소스

HTML

<article class="autobot">
  <h1>Autobot</h1>
</article>

CSS


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}