Html CSS DIV align存在问题

如果doctype声明是

，那么DIV水平对齐的最佳方式是什么：

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

---

我想做的是将内部DIV在外部DIV的中心（水平）对齐。如果doctype声明是

的话，这个CSS工作得很好。我不知道你使用哪个浏览器，但是你可以更改

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

致：

---

尽管如此。。我已经在IE8、FireFox和Chrome上测试了你的代码，这三个版本都很有魅力……

看来你需要了解一下。

原始doctype有什么问题？你用什么浏览器来测试？如果我用IE8打开页面，里面的DIV是align left。事实上，它在Chrome、Firefox、Safari和Opera上工作，但在IE上不工作。欢迎加入俱乐部。文本对齐的问题是：居中；内部div中的所有文本也是居中对齐，我希望字体向左对齐。如果这是唯一的问题，您不能添加文本align:left；到#内部？不，我不能，因为该div中还有很多其他内容：（我没有收到您的最后评论。您不希望文本向左对齐？您可以始终使用三层嵌套的what-am-I-do-where-div-structure…而outerinner div（中间）是文本向左对齐的。但我不建议这样做

 #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;}