在别的网站上看到,不过起码它将 vertical-align:middle; 按照理想的实现了。好像div没有这个属性, 所以要通过其他的方式去间接实现./* for non-IE browsers */div.holder {width:740px; height:300px; background:#f8f8f8; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}div.holder div {margin:0 auto; border:1px solid #aaa;}/* vertical align for IE */#edge {width:0; height:100%; display:inline-block; vertical-align:middle;}#container {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
详细解决方案
CSS垂直居中步骤
热度:108 发布时间:2012-09-15 19:09:28.0
在别的网站上看到,不过起码它将 vertical-align:middle; 按照理想的实现了。好像div没有这个属性, 所以要通过其他的方式去间接实现./* for non-IE browsers */div.holder {width:740px; height:300px; background:#f8f8f8; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}div.holder div {margin:0 auto; border:1px solid #aaa;}/* vertical align for IE */#edge {width:0; height:100%; display:inline-block; vertical-align:middle;}#container {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
相关解决方案