如何垂直居中一个浮动元素？

王汪汪吖

于 2022-07-19 12:04:14 发布

阅读量105

点赞数

分类专栏： css基础文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_43791884/article/details/125869301

版权

css基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

/*方法一:已知元素的高宽*/
#div1{
background-color:#6699FF;
width:200px;
height:200px;
position:absolute;//父元素需要相对定位
top:50%;
left:50%;
margin-top:-100px;  //负二分之一的height,width
margin-left:-100px;
}
/*方法二*/
#div1{
width:200px;
height:200px;
background:#6699FF;
margin;auto;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
}
/*第三种*/
#div{
display:flex;
justify-content:center;
align-item:center
}