成品直播原始碼推薦,常用的css居中佈局

zhibo系統開發 發表於 2022-06-24
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居中佈局, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2902627/,如需轉載,請註明出處,否則將追究法律責任。

相關文章