繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamwaver设计div层的对齐方式
- Dreamweaver
- 用Dreamweaver设计限时自动关闭网页
- DreamweaverMX制作导航下拉菜单
- 用Dreamweaver MX创造网页鼠标样式
- 巧用Dreamweaver MX制作阴影字
- 十六则Dreamweaver使用快技法
- 用Dreamweaver MX制作文字特效
- 妙用dw图层与表格进行网页布局
- 巧用Dreamweaver制作复杂图像
- 巧用Dreamweaver MX控制页面元素
- 用Dreamweaver实现飘浮光球特效
- 巧用Dreamweaver4文件库更新网站
- 用Dreamweaver4添加背景音乐及制作动态字
- 用Dreamweaver 4.0编制会议通知
- 妙用DreamweaverMX共享WPS Office文件
- 妙用Dreamweaver MX共享Word XP文件
- 巧用Dreamweaver MX共享Execl XP文件
- 用Dreamweaver MX制作导航下拉菜单
- DreamweaverMX Ultradev探索：技巧荟萃
- 在网页中显示可拖动月历
- Dreamweaver制作技巧四则
Dreamweaver 中的 Dreamwaver设计div层的对齐方式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-05 浏览: 42 ::
收藏到网摘: 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
