成品直播源码推荐,常用的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%);}
以上就是成品直播源码推荐,常用的css居中布局, 更多内容欢迎关注之后的文章