61,128
社区成员
发帖
与我相关
我的任务
分享margin: auto 实现水平垂直居中
一般来说 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>
效果图如下：
css:
.automargin {
display: flex;
width: 100%;
height: 100%;
}
.automargin div {
margin: auto;
}
html:
<div class="automargin">
<div>利用父级display: flex;和子级margin: auto;实现元素水平垂直居中</div>
</div>
...全文
请发表友善的回复…
发表回复
JA+ 2021-04-19
- 打赏
- 举报
但是。。。为什么呢。
ZanMusi_1998 2019-04-18
- 打赏
- 举报
就是留言 赚经验
tomorrownan 2019-04-09
- 打赏
- 举报
。。。。是的吧
我自是年少-韶华倾负 2019-04-09
- 打赏
- 举报
这个帖子是要做什么送分帖还是给自己做精的
