繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamwaver设计div层的对齐方式
- Dreamweaver
- 网页设计赏析:易趣网店首页布局分析
- Dreamweaver 8 新功能抢先预览
- Dreamweaver 8中文版图文快报
- 分栏及回复的实现-Dreamweaver构建Blog
- 站点统计-Dreamweaver构建Blog
- 构建开发环境-Dreamweaver构建Blog
- Dreamweaver 8 BETA2版新功能图文快报
- 站内搜索的实现-Dreamweaver构建BlogBLOG
- 数据库的设计和连接-Dreamweaver构建Blog
- 用户注册的实现-Dreamweaver构建Blog
- 构建Blog全程实录-Dreamweaver构建Blog
- 首页的实现-Dreamweaver构建Blog
- 管理员页面的实现-Dreamweaver构建Blog全程实录
- 巧用Dreamweaver制作复杂交换图像
- Dreamweaver MX全新接触(上)
- 用Dreamweaver为网页图像添特效
- 用Dreamweaver描摹图像
- 寻找Dreamweaver鲜为人知的小秘诀
- 用Dreamweaver制作拖拽效果
- 用Dreamweaver进行网页优化
Dreamweaver 中的 Dreamwaver设计div层的对齐方式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-05 浏览: 56 ::
收藏到网摘: 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
