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

猜你喜欢

转载自blog.csdn.net/yb1314111/article/details/125444606