实现大DIV套小DIV,小DIV随意调整大小,永远居中在大DIV内

<div style="display:table; border:1px solid red; width:800px; height:800px;">
    <div style="display:table-cell; vertical-align:middle; ">
    <div style=" border:1px solid orange; width:200px; height:200px; margin:0 auto;">
  
    </div>
    </div>

</div>


文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 5 | 引用: 0 | 查看次数: -
回复回复晴天小猪[2010-11-02 10:41 AM | del]
<div style="position:relative; border:1px solid red; width:800px; height:800px;">
    <div style="width:200px; height:200px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-100px; background:#ccc;  ">
    <div style=" border:1px solid orange; width:200px; height:200px; margin:0 auto;">
  
    </div>
    </div>

</div>
这样不就居中了么!!!
回复回复wkylin[2010-10-22 11:08 AM | del]
IE6 IE7无效!
回复来自 woniu 的评论 woniu 于 2010-10-22 12:01 AM 回复
是无效的,樱花刚发这个的时候 我就回复告诉他了
回复回复web前端寒风[2010-08-07 10:01 PM | del]
display:table 很用过。
一般常用的就是none block inline inline-block等
回复回复樱花下的吻[2010-06-09 03:47 AM | del]
IE8可以实现
回复回复woniu1[2010-06-07 09:14 AM | del]
css提供的一系列display属性值,包括display:table,display:table-row,IE下都无效吧..你测试了吗?
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.