建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > 网页设计 > Dreamweaver教程 >

Dreamwaver中设计div层对齐

整理编辑:建站学习网 更新时间:2017-04-12 阅读:0
在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="/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="/uploads/allimg/170412/0RU95G3-0.gif"/>
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  asddsf
 </span>
</div>
<P>
</body>
</html>
  

转载请注明出处:https://www.dedexuexi.com/wysj/dw/2798.html