汽车机器人

一种居中技术,在这种技术中,元素从灵活容器的所有边缘均等推开。最适合仅针对单个项快速居中。

有关此方法及其效率的使用场景,请参阅完整文章。

完整文章 · YouTube 上的视频 · GitHub 上的来源

HTML

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

CSS


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}