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

Dreamweaver
DreamWeaver表格妙用-线框制作详解(2)
DreamWeaver表格妙用-线框制作详解(3)
DreamWeaver表格妙用-线框制作详解(4)
DreamWeaver表格妙用-线框制作详解(5)
Dreamweaver 4 简明教程(一、Dreamweaver 简介)
DREAMWEAVER 技巧(上)
DREAMWEAVER 技巧(下)
dreamweaver中网页折叠菜单的制作
dreamweaver 3 表格经验谈
Dreamweaver3 图层应用技巧(一)
Dreamweaver3 图层应用技巧(二)
Dreamweaver3 图层应用技巧(三)
Dreamweaver3 图层应用技巧(四)
Dreamweaver3 图层应用技巧(五)
Dreamweaver经典问题大搜罗(全集)
FIF 制作组 Dreamweaver MX 2004 视频教程
实战Dreamweaver MX技巧之超链接
Dreamweaver MX 2004一句话技巧
修改注册表解决Dreamweaver乱码
DW MX实例一:构建开发环境

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


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