当前位置：首页 → 问答吧 → 求未知高度div垂直居中的方法

求未知高度div垂直居中的方法

时间：2011-03-25

来源：互联网

请问一个未知高度的容器怎么垂直居中与它的父容器中咯虽然我的方法实现了但是多套了层容器各位还有什么更好的方法么

<!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=utf-8" /> <title>wp test</title> <style type="text/css"> div#wrap {border:2px dashed #FF0099; background-color:#FFCCFF; width:760px; height:200px; position:relative; overflow:hidden; } div#subwrap {position:absolute; top:50%; } div#content { position:relative; top:-50%; } </style> </head> <body>  <div id="wrap"> <div id="subwrap"> <div id="content"> 我是垂直居中的<br /> 我是垂直居中的<br /> </div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: wp3026 发布时间: 2011-03-25