当前位置：首页 → 问答吧 → 怎么样的css 可以让div在整个页面居中（水平居中垂直居中）。高度不限定。

怎么样的css 可以让div在整个页面居中（水平居中垂直居中）。高度不限定。

时间：2011-05-03

来源：互联网

作者: sonaXH 发布时间: 2011-05-03

HTML code

<div style="margin:0 auto"></div>

作者: T5500 发布时间: 2011-05-03

引用 1 楼 t5500 的回复:

HTML code
<div style="margin:0 auto"></div>

no no no ...

作者: sonaXH 发布时间: 2011-05-03

垂直居中麻烦一点，参考下面这篇文章吧。。
http://dudo.org/archives/2008060122236.html

作者: T5500 发布时间: 2011-05-03

水平居中 margin:0 auto;

作者: Acesidonu 发布时间: 2011-05-03

HTML code

<!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>水平和垂直都居中</title>
<style type="text/css">
div {
  border:1px solid #930;
  width:400px;
  height:300px;
  border:1px solid #666;
  overflow:hidden;
  position:relative;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
p {
    text-align:left;
  position:static;
  +position:relative;
  top:50%;
  *top:40%;
  border:1px solid #333;
  width:300px;
  margin-left:auto;
  margin-right:auto;
  }
* { margin:0; padding:0;}
</style>
</head>
<body>
<div>
<p>
水平和垂直都居，且完全兼容ff和ie。水平和垂直都居中，且完全兼容ff和ie。
</p>
</div>
</body>
</html>

这个是你想要的么

作者: athrunzero 发布时间: 2011-05-03

我想问一下，如果我想在div里面写一些文字但是不能确定文字的长短，这样的话div 就不能设置高度。那要怎么做呢？

作者: sonaXH 发布时间: 2011-05-03

引用 5 楼 athrunzero 的回复:

HTML code
<!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-equi……

不是我是想要一个div 剧中与整个页面。

作者: sonaXH 发布时间: 2011-05-03