怎么让黄色div垂直居中

Question

<div>
    <div style="width:300px;height:300px;background:green;overflow:auto; vertical-align:middle">
        <h6 style="background:yellow;width:100%; ">
            aaaaaaaaaaaa,b<br />
            aaaaaaaaaaaa,b<br />
        </h6>
    </div>
</div>

Answer 1

<td style="text-align=center;vertical-align:middle;">>
<div
    <div style="width:300px;height:300px;background:green;overflow:auto; vertical-align:middle">
        <h6 style="background:yellow;width:100%; ">
            aaaaaaaaaaaa,b<br />
            aaaaaaaaaaaa,b<br />
        </h6>
    </div>
</div>
</td>

Answer 2

<div><div align="center" style="width:300px;height:300px;background:green;overflow:auto; vertical-align:middle"><h6 style="background:yellow;width:100%;">aaaaaaaaaaaa,b<br/>aaaaaaaaaaaa,b<br/></h6></div></div>

Answer 3

垂直居中一般没有什么来控制，都是水平控制。
垂直的部分添加<br>等等

Answer 4

<div style="vertical-align:middle;text-align:center;>
    <div style="width:300px;height:300px;background:green;overflow:auto; vertical-align:middle">
        <h6 style="background:yellow;width:100%; ">
            aaaaaaaaaaaa,b<br />
            aaaaaaaaaaaa,b<br />
        </h6>
    </div>
</div>我不信LZ不会你是想在整个页面居中还是在某个地方

Answer 5

只要黄色区域能垂直居中....第一个div 加了这个样式vertical-align:middle或者margin:auto 0px 都不起作用...

Answer 6

网上大把， 不过还是用Table最方便，毕竟Table不是万恶的， 该用时就用吧。

Answer 7

<style>
.Img{ display: block; *display: inline-block; margin: auto; vertical-align: middle;}
.Edge{ display: none; *display: inline-block; width: 0px; height: 100%; margin-top: -1px; position: relative; margin-right: -1px; vertical-align: middle; overflow: hidden; text-decoration: none;}
</style>
<div style="height:250px; width:350px; background: #D9ECFF; border: solid 1px #0079F2">
<a href="http://www.bhcode.net/" target="_blank"><img src="http://www.bhcode.net/images/logo.gif" border="0" alt="" class="Img"/></a>
<span class="Edge"></span>
</div>网上搜索的.可以解决问题只是我有点觉得纳闷,对div应用vertical-align: middle;样式为什么它里面的内容垂直居不了中

Answer 8

div的垂直居中太不可用了!
text-align:center ? 不行
vertical-align:middle ? 不行
水平居中倒可以用margin:0 auto来实现.可是垂直居中,没有发现什么合理的办法.
绝对情况下可以用:margin-top和margin-bottom来设置一下.

Answer 9

div是绿色的背景，黄色的不是div是h6  
和h6那里改这样试试<h6 style="background:yellow;width:200px;vertical-align:middle ">
            aaaaaaaaaaaa,b<br />
            aaaaaaaaaaaa,b<br />
        </h6>

Answer 10

<div>
    <div style="width:300px;height:300px;background:green;overflow:auto; vertical-align:middle">
        <h6 style="background:yellow;width:100%; text-align:center">
            aaaaaaaaaaaa,b<br />
            aaaaaaaaaaaa,b<br />
        </h6>
    </div>
</div>我想这就是楼主想要的效果了，结贴吧！

Answer 11

怎么让黄色DVD垂直居中 
我去面壁去...