gpt4 book ai didi

html - CSS DIV对齐问题

转载 作者:行者123 更新时间:2023-11-27 22:35:15 24 4
gpt4 key购买 nike

如果文档类型声明是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">像这样的 DIV 水平对齐的最佳方式是什么:

<div id="outer"><div id="inner">Some text</div></div>

CSS 是:

#outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;}
#inner{ width:500px;border:1px solid #F00; margin:auto;}

我想要做的是将内部 DIV 在外部 DIV 内居中(水平)对齐。如果文档类型声明为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,则此 CSS 工作正常

最佳答案

不知道你用的是哪个浏览器,但你可以换

 #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;} 

到:

 #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%; text-align:center;} 

虽然..我已经在 IE8、FireFox 和 Chrome 上测试了您的代码,这三者都非常有效...

关于html - CSS DIV对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2716077/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com