日期:2014-05-17  浏览次数:20624 次

简单的CSS问题
如何让div垂直居中?

<div class="parent" >
  <div class="child">内容</div>
</div>
怎么样才能使class=child的div在父级div中垂直居中 (前提是不要使用position定位)

------解决方案--------------------
先做声明<!doctype html public "-/w3c/dtd html 4.01 transitional/en" >
然后在css中,改margin-right和margin-left;使两个值相等.还可以加上float:left,可以再修改Height的值........have try
------解决方案--------------------
都是高手!
------解决方案--------------------
css加入如下代码:

CSS code

.parent{
  width: 500px;
  height: 200px;
  border: 1px solid red;
  text-align: center;
  display:block;
  line-height:200px;
}

------解决方案--------------------
这种情况table的兼容性最好。