国产成人啪精品午夜在线观看_免费国产调教视频在线观看_国产免费爽爽视频免费可以看_1024手机看片国产_免费香蕉视频国产在线看_久久亚洲国产精品五月天婷_九九老司机在线视频精品_国产成人精品综合在线观看_96精品视频在线播放免费观看

IT技術

彈性盒模型使元素居中
作者：
來源： 本站
發(fā)布日期: 2018/6/13 13:47:55
點擊量： 1144次
【 字體： 大 中 小 】
背景顏色：
彈性盒模型就是flex，css3新增布局方式，超級好用，誰用誰知道，推薦大家都學習一番。
這個方法我在手機端都很喜歡用，相對爽啊 呵呵。同樣比較遺憾的是低版本IE不支持，不過手機端是沒有問題的，使用舊版方法display:box;


<style>
*{margin:0px; padding:0px;}
.flex {display:-webkit-box; display:-ms-flex; display:-webkit-flex; display:flex;}
.flex-hc {-webkit-box-pack:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;}
.flex-vc {-webkit-box-align:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;}
.wrap {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0px; top:0px;}
</style>


<div class="wrap flex flex-hc flex-vc">
<div class="test">
<img src="img/img1.jpg" width="200" >
</div>
</div>


注：文章內容來源于網絡。

掃一掃在手機打開當前頁

Contact

聯系我們

告訴我們您想要的吧！我們?yōu)楫數乜蛻籼峁I(yè)、及時的服務
地址：云南省昆明市白云路368號
電話：400-871-8716 （工作時間：09：00-18:00（周一至周五））
何總：23592693
李總：53815112