好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

使用CSS使内容垂直居中的N中方法。_html/css_WEB-ITnose

使用css+div使页面内容水平居中的方法大家并不陌生,那么如何使内容垂直居中呢?

OK,下面进入正题,不如我们使用做高中数学题时经常用的思想:分情况讨论。

1.当待垂直居中的DIV高宽为已知时:

  1.1绝对定位法:

  CSS:

    

    .middle-div{           width:300px;           height:200px;           position:absolute;           left:50%;           top:50%;           margin:-100px 0 0 -150px      }     .parent-div{          position:relitive;     } 

   html:

    

    

    

我是个高度已知的DIV,我里面的内容可以垂直+水平居中吗?

查看更多关于使用CSS使内容垂直居中的N中方法。_html/css_WEB-ITnose的详细内容...

  阅读:35次