让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的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did108597