手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Dreamwaver设计div层的对齐方式
Dreamwaver设计div层的对齐方式
摘要:在Dreamwaver中设计div层的时候,属性面板没有像表格一样给出水平、垂直对齐方式的选项,使用下面的代码可以做到:请将图片(可多张)或...

在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="/images/grss.gif"><br>
  <img src="/images/grss.gif"><br>
  <img src="/images/grss.gif">
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  <img src="http://www.xue5.com/itedu/UploadFiles/200902/20090218105519403.gif"/>
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  asddsf
 </span>
</div>
<P>
</body>
</html>

【Dreamwaver设计div层的对齐方式】相关文章:

Dreamweaver CS5 中启用 WordPress 代码提示功能的图文方法

Dreamweaver 入门教程之窗口布局

Dreamweaver中表格内的文字不会自动换行,怎么办?

Dreamweaver中图片编辑操作

Dreamweaver如何设计自动关闭的网页

Dreamweaver 禁止自动换行的设置方法

DreamWeaver技巧大全

Adobe dreamweaver cc 2014 破解版安装方法教程

利用DreamweaverCS5制作一个含有动态标题的教程

dreamweaver cs4 改进了flash的链接代码

精品推荐
分类导航