0
点赞
收藏
分享

微信扫一扫

#yyds干货盘点#使用弹性布局flex居中div

在页面,我们经常需要将一个div水平和垂直上都居中,使用flex该如何实现?

1.代码

// html
<div class="box">
<div class="point"></div>
</div>
// css
.box {
width: 200px;
height: 200px;
background: #fb3;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}

.box .point {
width: 100px;
height: 100px;
background: #FE3C86;
}

2.核心代码说明

#yyds干货盘点#使用弹性布局flex居中div_div居中

3.总结

  • flex的使用
举报

相关推荐

flex弹性布局,盒子在页面居中

Flex布局(弹性布局)

flex弹性布局

弹性布局flex

Flex弹性布局

flex(弹性)布局

Flex(弹性布局)

弹性盒子(flex布局)

0 条评论