蓬松中心

一种居中技术,通过围绕内容四周的等同内边距将内容置于中心位置。

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

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

HTML

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

CSS


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