好得很程序员自学网

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

兼容各个浏览器的未知高度div垂直居中效果_html/css_WEB-ITnose

兼容各个浏览器的未知高度div垂直居中效果:
让div垂直居中与它的父对象中,并不像是让div在父元素中水平居中那么简单,只要简单的为此元素设置margin:0px auto即可,虽然将一些属性配合使用也可以将div垂直居中与父元素中,但是在某些浏览器中并不兼容,下面就介绍一种兼容各大浏览器的方式。
先看一段代码实例:

      蚂蚁部落    .parent {   width:200px;   height:200px;   background-color:green;   display:table-cell;   vertical-align:middle; } .children {   background-color:red;   width:80px;   text-align:center;   margin:0px auto; }       

蚂蚁部落

查看更多关于兼容各个浏览器的未知高度div垂直居中效果_html/css_WEB-ITnose的详细内容...

  阅读:35次