บ็อตอัตโนมัติ

เทคนิคการจัดกึ่งกลางที่องค์ประกอบจะดันออกจากขอบทั้งหมดของคอนเทนเนอร์ Flex เท่าๆ กัน เหมาะสำหรับการจัดกึ่งกลางอย่างรวดเร็วสำหรับรายการรายการเดียวเท่านั้น

อ่านบทความฉบับเต็มสำหรับรายละเอียดเพิ่มเติมเกี่ยวกับเทคนิคนี้และกรณีที่มีประสิทธิภาพ

บทความฉบับเต็ม · วิดีโอบน YouTube · แหล่งข้อมูลเกี่ยวกับ GitHub

HTML

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

CSS


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}