日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內(nèi)最全I(xiàn)T社區(qū)平臺 聯(lián)系我們 | 收藏本站
阿里云優(yōu)惠2
您當(dāng)前位置：首頁 > web前端 > htmlcss > 用div+css實(shí)現(xiàn)水平垂直居中

用div+css實(shí)現(xiàn)水平垂直居中

來源：程序員人生   發(fā)布時間：2013-10-21 20:39:28 閱讀次數(shù)：2972次

　　網(wǎng)(LieHuo.Net)教程 以前我們做網(wǎng)頁布局時要實(shí)現(xiàn)頁面水平垂直居中的方法需要用js代碼來實(shí)現(xiàn)。這樣故然是一種好的方法，但是對于js 代碼不懂的不熟的朋友來說也是比較困難的。今天我們就來講一下如何用div+css實(shí)現(xiàn)水平垂直局中的呢。請大家先來看一下效果圖：

　　這里我只是截了個圖示范一下。

　　用div+css實(shí)現(xiàn)水平垂直居中的css樣式代碼部分：

 

<style type="text/css">
/*居中層CSS*/
#center
{
height:0px;
width:0px;

/*設(shè)置位置*/
top:50%;
left:50%;
position:absolute;
}

/*內(nèi)容層CSS*/
#content
{
background:#FF9933;
width:300px;
height:200px;

/*設(shè)置浮動，脫離居中層限制（菜單什么很有用哦）*/
position:absolute;

/*這里設(shè)置的2個值，第一個是寬，第二個是高，但都是這個DIV的寬高的一半*/
margin:-150px 0 0 -100px;

/*演示用*/
color:#fff;
}
</style>

提醒一下大家不管是用div+css來實(shí)現(xiàn)頁面水平垂直居中還是通過js 來實(shí)現(xiàn)頁面水平垂直居中的效果，都存在一個缺陷，那就是在小屏幕的情況下，沒有滾動條也看完整。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
為碼而活
積分：4237
15粉絲
7關(guān)注
欄目熱點(diǎn)
關(guān)閉
程序員人生
主站蜘蛛池模板： 99国产精品99久久久久久 | 亚洲精品在线免费看 | 色综合久久天天综合网 | 91免费国产视频 | 国产黄色片在线观看 | 麻豆视频在线播放 | 免费一区二区三区 | 国产精品亚洲一区 | 一区二区三区精品 | 国产伦精品一区二区三区免费迷 | 国产精品久久久久久久久久尿 | 黄色片播放视频 | 久久精品国产精品青草 | 99精品欧美一区二区三区 | 国产欧美高清在线观看 | av片在线免费播放 | 一区在线不卡 | 久久精品久久久久 | 欧美日韩亚洲天堂 | 精品九九九九九 | 国产精品久久久久久久久免费 | 国产精品一区二区三区在线 | 视频一区在线 | 一级香蕉视频 | 国产一区二区精品久久 | 亚洲精品国产视频 | 成人欧美一区二区三区在线播放 | 久久五月天婷婷 | 亚洲欧美日韩综合 | 成人永久免费视频 | 9久久精品 | 国产美女久久 | 午夜精品久久久久久久白皮肤 | 又紧又大又爽精品一区二区 | 男人操女人免费视频 | 天堂аⅴ在线最新版在线 | 国产91一区 | 成人午夜小视频 | 日本三级网| 午夜精品久久久久久久99热浪潮 | 欧美人交a欧美精品 |