天天爽夜夜爽人人爽88-蜜桃av噜噜一区二区三区麻豆-久久夜色撩人精品国产av-免费毛片观看-禁断介护av-蜜桃香蕉视频-成人亚洲欧美一区二区三区-美日毛片-午夜影院污-国产激情福利-超碰999-亚洲 自拍 欧美 小说 综合-青青草视频偷拍-亚洲人成电影免费观看在线看-www夜片内射视频在观看视频

切換城市 [ 北京 武漢 ]24小時(shí)聯(lián)系電話(huà):
24小時(shí)聯(lián)系電話(huà): 15201609116
切換城市 [ 北京 武漢 ]

有事點(diǎn)這里 有事點(diǎn)這里  有事點(diǎn)這里 有事點(diǎn)這里

新聞資訊NEWS

css布局中的居中問(wèn)題日期:2009/11/14 10:25:15  

如何使DIV居中

主要的樣式定義如下:

body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

說(shuō)明:

首先在父級(jí)元素定義TEXT-ALIGN: center;這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中;對(duì)于IE這樣設(shè)定就已經(jīng)可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時(shí)候設(shè)定時(shí)再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

需要說(shuō)明的是,如果你想用這個(gè)方法使整個(gè)頁(yè)面要居中,建議不要套在一個(gè)DIV里,你可以依次拆出多個(gè)div,只要在每個(gè)拆出的div里定義MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

如何使圖片在DIV 中垂直居中

用背景的方法。舉例:

body{BACKGROUND: url(http://www.w3cn.org/style/001/logo_w3cn_194x79.gif) #FFF no-repeat center;}

關(guān)鍵就是最后的center,這個(gè)參數(shù)定義圖片的位置。還可以寫(xiě)成“top left”(左上角)或者"bottom right"等,也可以直接寫(xiě)數(shù)值"50 30"

效果如下:

 

如何使文本在DIV中垂直居中

如果是文字,便不能用背景方法,可以用增高行距的辦法變通實(shí)現(xiàn)垂直居中,完整代碼如下:

<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>

說(shuō)明:

vertical-align:middle;表示行內(nèi)垂直居中,我們將行距增加到和整個(gè)DIV一樣高line-height:200px;然后插入文字,就垂直居中了。

咨詢(xún)電話(huà):15201609116

地 址:北京市海淀區(qū)建材城中路12號(hào)院17號(hào)樓1層119室
武漢分公司地址:湖北省武漢市洪山區(qū)南國(guó)雄楚廣場(chǎng)A4棟2011室
鄭州分公司地址:河南鄭州金水區(qū)東風(fēng)路科技市場(chǎng)對(duì)面米蘭陽(yáng)光6號(hào)樓917室
郵 箱:haidanet@163.com
24小時(shí)聯(lián)系電話(huà): 15201609116 13651084380

主站蜘蛛池模板: 亚洲欧洲无卡二区视頻 | 亚洲综合电影小说图片区 | 日本在线观看www | 夜夜躁天天躁很 | 亚洲一区二区色一琪琪 | 人妻人人做人碰人人添青青 | 免费观看全黄做爰大片 | 亚洲一区色 | 内射后入在线观看一区 | 九九免费精品视频 | 亚洲欧美激情在线观看 | 香蕉视频首页 | 男人j进入女人j内部免费网站 | 亚洲最大黄色网址 | 欧美专区日韩视频人妻 | 亚洲欧美人成网站在线观看看 | 99久久综合狠狠综合久久aⅴ | 一级片免费网址 | 不卡av免费播放 | 九九热爱视频精品视频 | 超污视频网站 | 高清精品一区二区三区 | 日本乱码一区二区 | 国产一二三四区中 | 免费国产a国产片高清网站 黑鬼大战白妞高潮喷白浆 久久香蕉国产线看观看怡红院妓院 | 精品日产高清卡4卡5区别 | 美丽人妻系列无码专区 | 亚洲国产成人91porn | 久久综合精品国产一区二区三区无码 | 黄色大片网址 | 香蕉久久一区二区不卡无毒影院 | 午夜伦理在线观看 | 亚洲在线不卡 | 久久综合a∨色老头免费观看 | 内射少妇一区27p | 日本中文字幕在线视频 | 久久久久97国产 | 国产suv精品一区二区四区三区 | 久久这里只精品国产免费99热4 | 国产情侣激情自拍 | 亚洲欧美日韩成人综合一区 | 国产精品卡一卡2卡三卡网站 | xxxx国产| 欧美喷潮久久久xxxxx | 波多野结衣一区二区免费视频 | 丰满少妇夜夜爽爽高潮水 | 久久精品国产亚洲大片 | 青青草国产精品欧美成人 | 国产黄三级三级三级三级一区二反 | 瑟瑟久久| 国产啪精品视频网站丝袜 | 涩婷婷| 欧美日韩精品乱国产 | 狠狠干中文字幕 | 欧美成人女星 | 伊人www22综合色| 亚洲国产av一区二区三区四区 | 苍井空第一次激烈高潮视频 | 无码专区中文字幕无码 | 欧美三级视频在线 | 伊在人天堂亚洲香蕉精品区 | 国产精品久久综合免费 | 久久久久久久久久久久 | 丰满护士巨好爽好大乳 | 天天做天天爱天天爽天天综合 | 青青自拍视频 | 国偷自产av一区二区三区 | 男人操女人免费网站 | 欧美性受xxxxzooz乱毛 | 日韩一区二区三区av | 制服丝袜在线第一页 | 亚洲人成精品久久久久桥 | 日本xxxx色视频在线播放 | 亚洲性av免费 | 在线看免费无码av天堂的 | 久久国产精品福利一区二区三区 | 日韩在线一区二区三区四区 | 天天爽天天色 | 人妻丰满熟妇av无码区免 | 夜色成人网 | 一本久久综合亚洲鲁鲁五月天 | 久久精品中文字幕大胸 | 国产综合视频 | 欧美成人精品一区二区综合a片 | 国产又色又爽又黄又免费软件 | 亚洲丰满熟女一区二区哦 | 欧美激情乱人伦 | 看片久久 | 色激情网 | 福利免费观看午夜体检区 | 一个人看的www视频免费观看 | 日本不卡网 | www国产在线观看 | 久久人人97超碰超国产 | 亚洲伊人久久精品影院 | 国产成人综合怡春院精品 | 精品欧美 | 很黄的性视频 | 日本少妇久久 |