margin: auto 实现水平垂直居中

[@hansy]

一般来说 margin:auto 只能实现水平居中，但是结合flexbox布局，就能实现水平和垂直方向都居中。

效果图如下：



css:
.automargin {
display: flex;
width: 100%;
height: 100%;
}
.automargin div {
margin: auto;
}

html:
<div class="automargin">
<div>利用父级display: flex;和子级margin: auto;实现元素水平垂直居中</div>
</div>

[我自是年少-韶华倾负]

这个帖子是要做什么送分帖还是给自己做精的

• 打赏
• 举报

回复 赞

[tomorrownan]

。。。。是的吧

• 打赏
• 举报

回复 赞

[ZanMusi_1998]

就是留言 赚经验

• 打赏
• 举报

回复 赞

[JA+]

但是。。。为什么呢。

• 打赏
• 举报

回复 赞

[kerwin_1727]

。。。。。。。。画蛇添足？

• 打赏
• 举报

回复 赞