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>
请将 图片(可多张) 或 其它内容 插入<span></span>标签中<br>
<div style="width:200px;height:200px">
<span>
<img src="http://www.21shipin.com/images/common/xml.gif"><br>
<img src="http://www.21shipin.com/images/common/xml.gif"><br>
<img src="http://www.21shipin.com/images/common/xml.gif">
</span>
</div>
<P>
<div style="width:200px;height:200px">
<span>
<img src="http://www.baidu.com/img/logo.gif"/>
</span>
</div>
<P>
<div style="width:200px;height:200px">
<span>
asddsf
</span>
</div>
<P>
</body>
</html>
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |