ศูนย์ Fluffy

เทคนิคการจัดกึ่งกลางที่วางเนื้อหาไว้ตรงกลางผ่านระยะห่างจากขอบที่เท่ากันทุกด้าน

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

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

HTML

<article>
  <h1 class="fluffy-center">Fluffy Center</h1>
</article>

CSS


        .fluffy-center {
  padding: 15vmin;
  /* any large amount of padding works */
}