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

Dreamweaver
用Dreamweaver实现Real与网页结合
用Dreamweaver MX巧妙格式化表格
用Dreamweaver MX轻松操作表格
用Dreamweaver MX实现网站批量更新
轻松处理Dreamweaver段落缩进
让IIS Web服务器不再拒认ASP网页
巧使网页图片产生旋转效果
相对路径和绝对路径在网页中的用途
网站构成的基本元素—网页布局
增强网站的魅力 网页制作技巧三则
制作个人主页有诀窍
网页设计进阶:巧用记事本编辑网页网页设计进阶:巧用记事本编辑网页
高手进阶:网页设计中的文字运用
制作弹出窗口常用技巧九则
巧制可全屏拖动的图片
网页布局设计基础
个人首页制作诀窍
一些与网页密切相关的技术
网页上的视觉传达与艺术表现
制作网页十大诀窍

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-05   浏览: 43 ::
收藏到网摘: 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" />