app直播原始碼,css寬度不固定,水平居中

zhibo系統開發發表於2023-05-16

app直播原始碼,css寬度不固定,水平居中

1.相對定位:

 #box{position:relative; left:50%; float:left;}
 #inner{position:relative; left:-50%;}


需考慮浮動帶來的問題


2.利用diplay:table來解決:

#box{ display:table;margin:0 auto}
/* 不支援ie6,ie7*/


3.CSS3 flex-box 居中方案

#box{position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box;  -webkit-box-align: center;-webkit-box-pack: center;}
#inner{-webkit-box-flex: 0;background: #CCC;}


 以上就是app直播原始碼,css寬度不固定,水平居中, 更多內容歡迎關注之後的文章


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

相關文章