大家好,又见面了,我是你们的朋友全栈君。
flex+margin垂直居中
–加粗样式 在父级中使用flex,在子级中使用margin:auto
body中的代码
<body>
<div class="a">
<div class="b"></div>
</div>
</body>
css样式
.a{
width: 500px;
height: 500px;
border: 1px solid blue;
display: flex;
}
.b{
width: 300px;
height: 300px;
background: red;
margin:auto;
}
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/131009.html原文链接:https://javaforall.net