Dreamweaver MX教程:在居中頁面使用層
2006/10/16 9:19:54
在居中頁面中使用層,最大的問題就是層的定位問題,當改變顯示器分辨率后,層相對其它居中元素就會改變位置。本文介紹層相對其它居中元素不會錯位的方法。
層的絕對定位和相對定位
層的絕對定位代碼:
<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.在一個居中頁面中,把插入點放在文檔中,實例中把插入點放在表格中。
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲AV第一成肉网|
国产乱理伦片在线观看|
一个看片免费视频www|
日本红怡院亚洲红怡院最新|
亚洲欧美国产精品专区久久|
精品久久久中文字幕人妻|
国产亚洲一区二区在线观看|
va天堂va亚洲va影视中文字幕|
在线视频国产一区|
一级日本黄色片|
日本三级欧美三级人妇英文|
亚洲AV之男人的天堂|
欧美日韩性猛交xxxxx免费看|
免费人成无码大片在线观看|
美村妇真湿夹得我好爽|
国产后入清纯学生妹|
午夜激情小视频|
国产精品美女视频|
99视频免费在线观看|
工囗番漫画全彩无遮拦大全|
久久99精品福利久久久|
日韩欧美三级在线观看|
亚洲人成亚洲人成在线观看|
欧美色图亚洲天堂|
伊人一伊人色综合网|
精品国产v无码大片在线看|
国产ts人妖合集magnet|
高清波多野结衣一区二区三区
|
国产欧美日韩综合精品二区|
91在线手机精品免费观看|
天堂…中文在线最新版在线|
一区二区三区亚洲视频|
成人午夜免费福利|
丰满少妇高潮惨叫久久久|
日本阿v视频在线观看高清|
久碰人澡人澡人澡人澡人视频|
欧美xxxx成人免费网站|
亚洲成av人片在线观看www|
永久免费在线观看视频|
亚洲自偷自拍另类图片二区|
男人桶女人视频30分钟看看吧|