Dreamweaver MX教程:在居中頁面使用層
2006/10/24 9:23:55
在居中頁面中使用層,最大的問題就是層的定位問題,當改變顯示器分辨率后,層相對其它居中元素就會改變位置。本文介紹層相對其它居中元素不會錯位的方法。
層的絕對定位和相對定位
層的絕對定位代碼:
<div id="Layer1" style="position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1"></div>
層的相對定位代碼:
<div id="Layer1" style="position: relative; left:45px; top:25px; width:400px; height:155px; z-index:1"></div>
在居中頁面中,插入相對定位層代碼,層的位置在頁面居中。但是它變得不可移動,使用不夠方便。
插入絕對定位代碼,當left和top含有正負數值,層就無法居中。當清除left和top屬性后,層可以居中,相對頁面其它居中元素沒有錯位現象。
描繪層和插入層的差別
使用描繪層:
在一個居中的頁面中,使用描繪層的代碼:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>div</title>
</head>
<body>
<divid="Layer1"style="position:absolute;left:40px;top:30px;width:265px;height:75px;z-index:1"></div>
<divalign="center"></div>
</body>
</html>
使用插入層:
在一個居中的頁面中,使用插入層的代碼:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>div2</title>
</head>
<body>
<divalign="center">
<divid="Layer1"style="position:absolute;width:200px;height:115px;z-index:1"></div>
</div>
</body>
</html>
使用插入層
1.在一個居中頁面中,把插入點放在文檔中,實例中把插入點放在表格中。
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
果冻传媒91制片厂211|
老头猛挺进小莹的体内小说全集|
在线观看星空传媒入口|
中文字幕日韩一区二区不卡|
极品艳短篇集500丝袜txt|
亚洲精品成人片在线观看精品字幕
|
无码人妻一区二区三区在线视频
|
五月婷婷丁香六月|
欧美日韩在线不卡|
伊人婷婷综合缴情亚洲五月|
美女免费视频一区二区三区|
国产午夜福利在线观看视频|
日韩爱爱小视频|
国产视频一区二区三区四区|
xxxwww在线观看视频|
成年人免费观看视频网站|
久久无码专区国产精品s|
欧美kkk4444在线观看|
亚洲欧美日韩中文字幕网址|
男人女人边摸边吃奶边做|
可以看污的网站|
草莓视频秋葵视频在线观看ios|
国产成人a毛片在线|
www.日本在线视频|
国产自在线观看|
99精品视频免费观看|
婷婷五月综合激情|
中国老师69xxxx高清hd|
日b视频免费看|
久久伊人精品青青草原高清|
日韩精品视频免费在线观看|
亚洲专区区免费|
欧美大片AAAAA免费观看|
亚洲欧美中文日韩二区一区|
激情内射亚洲一区二区三区爱妻|
免费国内精品久久久久影院|
精品视频一区二区三区在线播放|
国产一区二区影院|
诗涵留学荷兰被黑人摘小说|
国产喷水女王在线播放|
国产成人yy精品1024在线|