繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamwaver设计div层的对齐方式
- Dreamweaver
- 网页设计的十要十不要
- 怎样设计首页？(解答)
- 制作主页的独门功夫五十招
- Dreamweaver快捷键大全
- 超链“确认”对话框
- 体验DW MX 2004 CSS新功能
- 细品DW MX 2004表格设计
- 聚焦Dreamweaver MX 2004
- DW MX新功能试用：嵌套模板
- 网页编辑常用表现的实现方法
- DW MX新功能试用：连续空格
- 你的网页“面目全非”过吗？
- 网络新闻滚滚而来
- Dreamweaver虚拟在线试衣室
- 制作1px边框表格的几种方法
- 浅析DW4中的站点管理
- Dreamweaver定制网页过渡功能
- HTML文件HEAD内部标记浅析
- 网页设计技巧谈：走出路径的困惑
- 驯服不听话的网页表格
Dreamweaver 中的 Dreamwaver设计div层的对齐方式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-05 浏览: 44 ::
收藏到网摘: 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
