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

Dreamweaver
Dreamweaver MX 初探 - 第三天(3)
Dreamweaver MX 初探 - 第三天(4)
Dreamweaver MX 初探 - 第三天(5)
Dreamweaver MX 初探 - 第四天(1)
Dreamweaver MX 初探 - 第四天(2)
Dreamweaver MX 初探 - 第五天(1)
Dreamweaver MX 初探 - 第五天(2)
Dreamweaver MX 初探 - 第五天(3)
Dreamweaver MX 初探 - 第六天(1)
Dreamweaver MX 初探 - 第六天(2)
Dreamweaver MX 初探 - 第七天(1)
Dreamweaver MX 初探 - 第七天(2)
Dreamweaver MX 初探 - 第七天(3)
细品DW MX 2004内建FW技术
DREAMWEAVER 问题集锦
用Dreamweaver设计自动关闭的网页
DW MX弹出窗口全攻略
Dreamweaver使用疑难解答
Dreamweaver 网页编辑常用表现的实现方法
DW MX 2004新功能:加密FTP

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


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