DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> Dreamwaver中設計div層對齊
Dreamwaver中設計div層對齊
編輯:Dreamweaver入門     
在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.baidu.com/img/logo.gif"/>
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  asddsf
 </span>
</div>
<P>
</body>
</html>
  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved