当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamwaver设计div层的对齐方式

Dreamweaver
DW MX 2004的Flash动画元素
在Dreamweaver中自动设置网页的水平线颜色
Dreamweaver小技巧:超高速下载图像
DW MX 2004新功能:图片处理
去除DW MX 2004表格宽度辅助
DreamweaverMX2004技巧两则
让你的主页声色并茂—巧为网页添加背景音乐
关于Dreamweaver乱码问题的解决方案
更加便捷实用!巧妙复制主页内容另一妙法
解决在Dreamweaver中不支持中文文件名的方法
Dreamweaver使用技巧之如何巧用DW4文件库更新网站
Dreamweaver使用技巧--让css使网页图片半透明
Dreamweaver4使用技巧之--为你的站点定做颜色
CourseBuilder For Dreamweaver 3 (1)
DreamWeaver批处理提高篇
CourseBuilder For Dreamweaver 3 (4)
Dreamweaver4探谜系列(2)
Dreamwaver 常见问答解答
CourseBuilder For Dreamweaver 3 (2)
CourseBuilder For Dreamweaver 3 (3)

Dreamweaver 中的 Dreamwaver设计div层的对齐方式


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-05   浏览: 33 ::
收藏到网摘: n/a

在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.ruanchen.com/"12" alt="" width="12" border="0" src="/upload/tech/20091005/20091005051143_f9a40a4780f5e1306c46f1c8daecee3b.gif" />