margin: auto 实现水平垂直居中

@hansy 前端  2019-04-09 03:07:23
一般来说 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>
...全文
404 点赞 收藏 5
写回复
5 条回复
kerwin_1727 04月21日
。。。。。。。。画蛇添足?
回复 点赞
JA+ 04月19日
但是。。。为什么呢。
回复 点赞
ZanMusi_1998 2019年04月18日
就是留言 赚经验
回复 点赞
tomorrownan 2019年04月09日
。。。。是的吧
回复 点赞
这个帖子是要做什么送分帖还是给自己做精的
回复 点赞
发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告