试题
考点

js语言和框架-CSS、CSS3-水平、垂直居中

面5笔5

如何水平垂直居中一个元素?

前往“校招VIP”小程序,刷题更快
最新校招难题刷题,快来进刷题群吧
解答

1.弹性盒子

.box{
display: flex;
justify-content: center;
align-items: center;
}

2.定位

.box{
position: relative;
}
.box .sub{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*margin-left: 负的宽度的一半*/
/*margin-top: 负的高度的一半*/
}

文章链接

评论
暂无评论

加载更多