使用 Flexbox 居中元素

CSS 中最让人头疼的莫过于“如何垂直居中”。扔掉你的“偏头痛药”吧，Flexbox 已经解决了！

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
}

这篇代码笔记尽量简短。因为我下个月会花整个月的时间在我的Twitter和Instagram账号上发布关于 Flexbox 的内容！

这个系列叫做#Flexbox30。你将在 30 天内通过 30 个代码片段学习 Flexbox。你没听错，30 天内每天一个新的代码片段 💪 9 月 1 日开始🔥

如果您对这个免费系列感兴趣，请务必关注我：

• Instagram > @samanthaming
• 推特 > @samantha_ming

感谢阅读❤
打个招呼！Instagram | Twitter | Facebook |博客| SamanthaMing.com