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

Dreamweaver
表格边框魔鬼教程
Dreamweaver里使用层的一些建议
用 Javascript 写的一个映射表类
在 DW 中插入 Flash 的参数详解
用DW中ToolTip代码改进的提示框
JS 216网页安全色调色板 DW 风格
DW MX 的快键一览表
DW构建Blog全程实录(1)
DW构建Blog全程实录(2)
DW构建Blog全程实录(3)
DW构建Blog全程实录(4)
DW构建Blog全程实录(7)
DW构建Blog全程实录(9)
用DreamweaverMX 做图像热区
DW2004 中文乱码解决方案 [1]
DW2004 中文乱码解决方案 [2]
DW2004 中文乱码解决方案 [3]
Dreamweaver使用快技法十三则 [1]
Dreamweaver使用快技法十三则 [2]
Dreamweaver MX 也要 VSS(一)

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


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