显示的示例介绍:实现div垂直中心的表单元格方法

为了实现中间的盒子模型div,可以使用显示:表单元格方法和兼容浏览器,这里是一个示例,感兴趣的朋友可以练习。




无论是IE7也可以识别显示:IE6的单元格;(但它支持CSS1的性质,如显示:块!)
IE8和以后的版本可以识别!

IE7和IE6能识别垂直对齐:中;

如果盒子模型中间只有几段,设置线的高度可以显示在中间。

如果您想在框模型中实现div中心,您可以参考下面的代码:


CSS代码将内容复制到剪贴板。


DIV #包{
显示:表;
边境:1px solid # ff0099;
背景颜色:# ffccff;
宽度:760px;
身高:400px;
*职位:相对;
溢出:隐藏;
}

DIV # subwrap {
垂直对齐:中间;
显示:表单元格;
*立场:绝对;
*顶部:50%;
}

DIV #内容{
*职位:相对;
*顶部:- 50%;
}



uff1a效应


这是一个多浏览器兼容,但它已经写了几层div ~,但是你想要在垂直层水平层或IMG吗下一章将涉及。