css3技术

Dreamwaver中div层的对齐方式的设定_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-20 11:07 我要评论( )

Dreamwaver中div层的对齐方式的设定,学习Dreamwaver中div层的对齐方式的设定,Dreamwaver中div层的对齐方式的设定,查看Dreamwaver中div层的对齐方式的设定,Dreamw

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=""><br>
  <img src=""><br>
  <img src="">
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  <img src=""/>
 </span>
</div>
<P>
<div style="width:200px;height:200px">
 <span>
  asddsf
 </span>
</div>
<P>
</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • DreamWeaver应用CSS样式表

    DreamWeaver应用CSS样式表

    2015-09-12 14:09

  • Dreamweaver编写CSS技巧

    Dreamweaver编写CSS技巧

    2015-09-06 17:00

网友点评