萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> divcss全屏垂直居中的辦法介紹

divcss全屏垂直居中的辦法介紹

大家知道divcss全屏垂直居中的辦法嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。

先定了一個點在中間,然後再把裡邊的這一塊居中處理;

<style>

#info{height:0px; width:0px;top:50%; left:50%;position:absolute;}
#center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300px;position:absolute; margin:-150px;}
</style>
<div id="info">
<div id="center"></div>
</div>

按照上面的代碼示例,就可以實現全屏居中了。

相信大家已經學會divcss全屏垂直居中的辦法了吧!感謝大家對我們網站的支持!

相關推薦:

divcss單線邊框怎麼設置呢 

copyright © 萬盛學電腦網 all rights reserved