繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamwaver设计div层的对齐方式
- Dreamweaver
- DW MX实例二：快速建立站点
- DW MX实例三：巧用框架建立网站
- DW MX实例四：嵌入式框架的妙用
- DW MX实例五:模板构建和更新网站
- DW MX实例:利用表格美化页面
- DW MX实例：制作弹出菜单
- DW MX实例：多彩文字链接
- DW MX实例：个性化 IE 滚动条
- DW MX实例：极酷的鼠标外观
- DW MX实例：特色分隔线
- DW MX实例：网站个性小图标
- DW MX实例：构建Java插入模块
- DW MX实例：图片应用技巧
- DW MX实例：地图链接综合实例
- DW MX实例：网页过渡特效
- DW MX实例：实现全景图浏览
- DW MX实例：插入Flash按钮与文本
- DW MX实例：插入交替图像按钮
- DW MX实例：添加透明背景的Flash
- DW MX实例：Flash个性播放界面
Dreamweaver 中的 Dreamwaver设计div层的对齐方式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-05 浏览: 50 ::
收藏到网摘: 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>
请将 图片(可多张) 或 其它内容 插入<span></span>标签中<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" />
评论 (0) All
