请好好珍惜，因为今天是你往后日子里最年轻的一天。有了梦想，你就会有动力，有了动力，你才会有成功的希望。对待健康，偏见比无知更可怕！
ie7和ie6都不能识别 display: table-cell;（但是支持display: block等css1的属性！） ie8以及以后版本可以识别！
ie7和ie6能识别vertical-align:middle;
如果盒模型中间只有几段文字的话，设置line-height就可以实现居中显示了！
如果要实现盒模型中的div居中，可以参考以下代码：
CSS Code复制内容到剪贴板
- div#wrap{
- display:table;
- border:1pxsolid#FF0099;
- background-color:#FFCCFF;
- width:760px;
- height:400px;
- *position:relative;
- overflow:hidden;
- }
- div#subwrap{
- vertical-align:middle;
- display:table-cell;
- *position:absolute;
- *top:50%;
- }
- div#content{
- *position:relative;
- *top:-50%;
- }
这个是多浏览器兼容的，但是得写几层div~ 但是想在层或img在层中垂直水平居中该怎样做呢？下一篇会涉及到。
到此这篇关于如何实现div垂直居中的display:table-cell方法示例介绍就介绍到这了。能付出爱心就是福，能消除烦恼就是慧。更多相关如何实现div垂直居中的display:table-cell方法示例介绍内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
