今天小编跟大家讲解下有关未知长宽元素在已知300px*300px的容器中垂直居中（IE6/7/8/FF） ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关未知长宽元素在已知300px*300px的容器中垂直居中（IE6/7/8/FF） 的相关资料，希望小伙伴们看了有所帮助。
加了很多HACK，顺便复习一下！ *+property:value; _property:value; *property:value; <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=gb2312"/><title>IE6/7/8/FF垂直居中</title><style>* { margin:0; padding:0; }#out { display:table; background-color:#F00; width:300px; height:300px; _position:relative; overflow:hidden; }#mid { vertical-align:middle; display:table-cell; _position:absolute; _top:50%; -left:50%; }#in { _position:relative; _top:-50%; _left:-50%; text-align: center; }*+html #out { display:table; background-color:#F00; width:300px; height:300px; position:relative; overflow:hidden; }*+html #mid { vertical-align:middle; display:table-cell; position:absolute; top:50%; left:50%; }*+html #in { position:relative; top:-50%; left:-50%; text-align: center; }</style></head><body><div class="container"><div id="out"> <div id="mid"> <div id="in"> FF垂直居中FF直居中 FF垂直居中F直居中 FF垂直居中F直居中 FF垂直居中F直居中 </div> </div></div></body></html> 提示：您可以先修改部分代码再运行来源：爱蒂网
