图片垂直居中之姊妹 DIV垂直居中


            最后感谢raozou分享效果代码!
 
<!-- 
#middle 
{ 
       background:blue; 
       position:absolute; 
       left:expression((body.clientWidth-50)/2 + "px"); 
       top:expression((body.clientHeight-50)/2 + "px"); 
       width:50px; 
       height:50px; 
} 
--> 
 
 <!--absmiddle 图像的中间与同一行中最大元素的中间对齐。 
-->
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]说明:这段代码没有文档类型和命名空间的申明,我已试过,如果加上,蓝色方快儿将位于顶部且一部分被浏览器隐藏,大家可以试试!此外,FF不支持expression. 
 
 
 
 
DIV垂直居中 
 
#menu 
{ 
       position: absolute; 
       top: 50%; 
       left: 50%; 
       margin-top: -25px; 
       margin-left: -150px; 
       color:blue; 
       width: 300px; 
       height: 50px; 
       border:solid 1px gray; 
} 
 
 
 
页面水平垂直居中 
 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
 
 
 
 
DIV垂直居中 
 
#menu 
{ 
       position: absolute; 
       top: 50%; 
       left: 50%; 
       margin-top: -25px; 
       margin-left: -150px; 
       color:blue; 
       width: 300px; 
       height: 50px; 
       font-weight:bold; 
       border:solid 1px gray; 
       line-height:50px; 
       font-size:20px;  
       text-align:center; 
} 
 
 
 
页面水平垂直居中 
 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]