62,074
社区成员
发帖
与我相关
我的任务
分享怎么让黄色div垂直居中
<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>
...全文
请发表友善的回复…
发表回复
gimse7en 2008-10-09
- 打赏
- 举报
关注
simon12528 2008-10-09
- 打赏
- 举报
楼上的 我都支持 不知道楼主的要求要怎么样！
5Br 2008-10-09
- 打赏
- 举报
<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不会
你是想在整个页面居中还是在某个地方
POPO_POPO 2008-10-09
- 打赏
- 举报
垂直居中一般没有什么来控制，都是水平控制。
垂直的部分添加<br>等等
垂直的部分添加<br>等等
POPO_POPO 2008-10-09
- 打赏
- 举报
<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>
dming4 2008-10-09
- 打赏
- 举报
让黄色div垂直居中...
dming4 2008-10-09
- 打赏
- 举报
不要加TD
直接加样式....
直接加样式....
5Br 2008-10-09
- 打赏
- 举报
<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>
Trice_Xie 2008-10-09
- 打赏
- 举报
怎么让黄色DVD垂直居中
我去面壁去...
我去面壁去...
「已注销」 2008-10-09
- 打赏
- 举报
<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>
我想这就是楼主想要的效果了，结贴吧！
liubin911 2008-10-09
- 打赏
- 举报
div是绿色的背景，黄色的不是div是h6
和h6那里改这样试试
<h6 style="background:yellow;width:200px;vertical-align:middle ">
aaaaaaaaaaaa,b<br />
aaaaaaaaaaaa,b<br />
</h6>
和h6那里改这样试试
<h6 style="background:yellow;width:200px;vertical-align:middle ">
aaaaaaaaaaaa,b<br />
aaaaaaaaaaaa,b<br />
</h6>
yushulingfeng 2008-10-09
- 打赏
- 举报
div的垂直居中太不可用了!
text-align:center ? 不行
vertical-align:middle ? 不行
水平居中倒可以用margin:0 auto来实现.可是垂直居中,没有发现什么合理的办法.
绝对情况下可以用:margin-top和margin-bottom来设置一下.
text-align:center ? 不行
vertical-align:middle ? 不行
水平居中倒可以用margin:0 auto来实现.可是垂直居中,没有发现什么合理的办法.
绝对情况下可以用:margin-top和margin-bottom来设置一下.
dming4 2008-10-09
- 打赏
- 举报
<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;样式为什么它里面的内容垂直居不了中
.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;样式为什么它里面的内容垂直居不了中
医手 2008-10-09
- 打赏
- 举报
网上大把， 不过还是用Table最方便，毕竟Table不是万恶的， 该用时就用吧。
dming4 2008-10-09
- 打赏
- 举报
只要黄色区域能垂直居中....
第一个div 加了这个样式vertical-align:middle或者margin:auto 0px 都不起作用...
第一个div 加了这个样式vertical-align:middle或者margin:auto 0px 都不起作用...
zhangxuyu1118 2008-10-09
- 打赏
- 举报
margin-left:10px;margin-right:10px;
