成品直播源码推荐，常用的css居中布局

云豹网络科技

于 2022-06-24 14:18:00 发布

阅读量133

点赞数

分类专栏：直播系统源码

原文链接：https://blog.csdn.net/l_yilan/article/details/119613606?spm=1001.2014.3001.5502

版权

css css3 html

直播系统源码专栏收录该内容

1324 篇文章 22 订阅

订阅专栏

成品直播源码推荐，常用的css居中布局
以下可以通过定位调整布局，使元素居中：

**水平垂直居中**
.all-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
**垂直居中**
.y-center{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
**垂直居中**
.x-center{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}