position居中
作者:程序员11 时间:2021-09-15 人气:348 QQ交流群\邮箱:1003265987@qq.com
position使子元素居中
要展示的内容
父元素代码:
.content .courseVideo .videoView .video-container {
width: 100%;
margin-left: 15upx;
margin-right: 15upx;
min-height: 100upx;
position: relative;
}
子元素代码:
.content .courseVideo .videoView .video-container>.live_no_view{
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%,-50%,0);
}
这样就可以实现position使子元素居中
效果图如下:
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。