萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> Dreamwaver設計div層的對齊方式
Dreamwaver設計div層的對齊方式
在Dreamwaver中設計div層的時候，屬性面板沒有像表格一樣給出水平、垂直對齊方式的選項，使用下面的代碼可以做到：
<html>
<head>
<style. type="text/css">
<!--
div{
border:1px solid #000000;
text-align:center;
padding-top:expression(parseInt(this.style.height)/2-parseInt(this.childNodes(0).scrollHeight)/2);
}
//-->
</style>
</head>
<body>
請將 圖片(可多張) 或 其它內容 插入<span></span>標簽中<br>
<div style="width:200px;height:200px">
<span>
<img src="/images/grss.gif"><br>
<img src="/images/grss.gif"><br>
<img src="/images/grss.gif">
</span>
</div>
<P>
<div style="width:200px;height:200px">
<span>
<img src="http://www.xue5.com/itedu/UploadFiles/200902/20090218105519403.gif"/>
</span>
</div>
<P>
<div style="width:200px;height:200px">
<span>
asddsf
</span>
</div>
<P>
</body>
</html>
dreamweaver教程排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved