<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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容