Dreamweaver div层对齐方式的设计 [ 网站地图 ]

发表于:2009-12-11 浏览:52 作者: 来源:互联网

关键字:Dreamweaver ,div层对齐方式

描述: 网页制作Webjx文章简介:在Dreamwaver中设计div层的时候,属性面板没有像表格一样给出水平、垂直对齐方式的选项,使用下面的代码可以做到. 在Dreamwaver中设计div层的时候,属性面板没有像表格一

网页制作Webjx文章简介:在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>
请将 图片(可多张) 或 其它内容 插入&lt;span&gt;&lt;/span&gt;标签中<br>
<div style="width:200px;height:200px">
 <span>
  <img src="http://www.webjx.com/files/090217/1_093658.gif"><br>
  <img src="http://www.webjx.com/files/090217/1_093658.gif"><br>
  <img src="http://www.webjx.com/files/090217/1_093658.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>


站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号