在网上参考了几位高手对于CSS中垂直局中的介绍,收获较多,解决了我的问题,现在总结一下:
问题:一个框架集页面,有leftFrame和mainFrame两个页面,想在leftFrame里放一张图片a.jpg。并且让a.jpg可以在leftFrame垂直居中。
原来的方式:在没有学习WEB标准之前,我都是放一个Table到页面里,把Table的高设置为100%显示,将a.jpg插入到单元格里就行了。
现在的问题:Dreamweaver8已经全面支持Web标准,新建的页面中都被自动加入了Web标准的声明。加入了Web标准的声明的网页,用我原来的方法就不行了。发现不管怎么设置表格都不能实现表格的100%高度。
现在使用以下代码加以解决。用div换掉了我的table,如下:
<div id="show">
<div><img src="a.jpg"></div>
</div>
定css样式为:
#show{
position:obsolute;
top:50%;
}
#show div{
position:relative;
top:-50%;
}
搞定。
以下代码实现了垂直的居中对齐。我想如果你想让图片显示在网页的最下的页方法就是更改两个样式中的50%为100%。