UC知道CSS问题，本人已有网页经验一年，不要小看这个问题喔
来源：百度知道 编辑：UC知道 时间：2024/05/17 22:12:19
两个层，外层和内层，内层宽度不固定，由其中内容决定，外层宽度固定
要求，内层水平居中，并且兼容于火狐！
难点提示：火狐是最大难点！
建议不要用display:inline，因为当小层内再有小div时，居中会失效的
如果能使用CSS以外的方法，同样欢迎！呵呵，本人用javascript强制内层宽度等於其中内容，在IE中测试成功，但火狐还是不行
要求，内层水平居中，并且兼容于火狐！
难点提示：火狐是最大难点！
建议不要用display:inline，因为当小层内再有小div时，居中会失效的
如果能使用CSS以外的方法，同样欢迎！呵呵，本人用javascript强制内层宽度等於其中内容，在IE中测试成功，但火狐还是不行
我也来写个：
<div class="outSide" style="width:500px; border:1px solid red;text-align:center;">
<div class="inSide" style="border: 1px solid green; margin: 0pt auto; display:inline-table;overflow: visible; min-width: 0px; _width: 0px; ">
<div class="content" style="_width:200px;display:block;">content test</div>
</div>
</div>
内层用inline的话没办法加border……
这个在FF里没问题，在IE里需要设置个宽度，还不太好
这个问题真难
给你随便写个
#Main {width:500px; height:500px; overflow:hidden; margin:0 auto; text-align:center; background:#f00}
#Content {width:auto; display: inline; background:#ff0;}
<Div id="Main">
<Div id="Content">光雕刻录机刚交换机客户lk</Div>
</Div>
经过测试，有颜色可以区分，你可以再自己测试一下
可以用text-align:center不？？？
你的内层如果是block的话，不设置宽度的话，会和父亲的宽度一样，你想要什么效果？？实现什么功能？？具体说说，看我能不能帮你实