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

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

 

posted @ 2022-06-24 14:17  云豹科技-苏凌霄  阅读(122)  评论(0)    收藏  举报