<div>如何相对父的<div>居中?

这个问题当初我是拒绝回答的, 这个折磨我了一个上午的时间,只为获得优雅的写法。
我或许受苹果那一套布局思维影响,总是想相对于同级的元素进行相对布局。
但是,但是,但是html根本不吃你一套, 大概只能针对自己的父级进行相对布局。

我认为比较优雅的解决方法:

//html
<div class="cn"><div class="inner">your content</div></div>
//css
.cn {
  display: flex;
  justify-content: center;
}

.inner {
  align-self: center;
}

WHAT FUCKING!

参考资料:
Vertically centering a div inside another div

推荐阅读更多精彩内容