css布局中的居中問題
2006/11/7 9:49:11
如何使DIV居中
主要的樣式定義如下:
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
說明:
首先在父級元素定義TEXT-ALIGN: center;這個的意思就是在父級元素內的內容居中;對于IE這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要說明的是,如果你想用這個方法使整個頁面要居中,建議不要套在一個DIV里,你可以依次拆出多個div,只要在每個拆出的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;}
關鍵就是最后的center,這個參數定義圖片的位置。還可以寫成“top left”(左上角)或者"bottom right"等,也可以直接寫數值"50 30"
如何使文本在DIV中垂直居中
如果是文字,便不能用背景方法,可以用增高行距的辦法變通實現垂直居中,完整代碼如下:
<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>
說明:
vertical-align:middle;表示行內垂直居中,我們將行距增加到和整個DIV一樣高line-height:200px;然后插入文字,就垂直居中了。
返回列表
返回首頁
主站蜘蛛池模板:
欧美在线暴力性xxxx|
youjizz亚洲|
日本免费网站在线观看|
亚洲欧美天堂综合久久|
精品少妇ay一区二区三区|
国产无遮挡又黄又爽高潮|
91香蕉在线视频|
嫩草影院www|
丰满肥臀风间由美系列|
最近免费中文字幕mv在线电影|
亚洲精品乱码久久久久久蜜桃不卡
|
亚洲av永久无码嘿嘿嘿|
污视频网站在线|
免费观看一级毛片|
老子的大ji巴cao死你|
国产在线19禁免费观看国产|
18禁黄污吃奶免费看网站|
女人扒开腿让男人捅啪啪|
中文字幕人成人乱码亚洲电影|
日韩欧美一及在线播放|
亚洲国产超清无码专区|
波多野结衣厨房被强电影|
免费成人在线电影|
美女被免费喷白浆视频|
国产亚洲男人的天堂在线观看|
国产一区二区精品久久凹凸|
国产精品无码av天天爽|
99re这里只有热视频|
好男人在线神马影视在线观看www
好男人在线观看高清视频www
|
亚洲国产成人久久三区|
毛片试看120秒|
伊人久久大香线蕉avapp下载|
精品国产亚洲一区二区三区|
国产一区二区三区内射高清|
高清性色生活片2|
国产欧美日韩一区|
bbw巨大丰满xxxx|
国产精品手机视频一区二区|
91欧美一区二区三区综合在线|
韩国理伦片在线观看手机版|
国产精品乱码在线观看|