文本对齐：居中；不起作用

Question

我一直在弄乱我的网站布局和我的 text-align : center; 在我将所有 div 位置设置为相对位置以使父 div 在我使用 javascript 添加组件时更改大小后发生的停止工作。

这是我的两个 CSS 文件：

您可以在下面的 JSfiddle 链接中看到新的。

jsFiddle：http: //jsfiddle.net/2WvrV/

我还提供旧网站的代码（正确对齐文本）：

http://jsfiddle.net/fiddlerOnDaRoof/fQpjX/

旧的 HTML 与我刚刚添加的新版本非常相似 style=“float:left;“在其中一个div中

原文由 Xitcod13 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

终于想通了。我需要做的就是将 clear:left; 添加到我的 loginBttn div 之后一切正常

谢谢你试图帮助大家

原文由 Xitcod13 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

简短回答：您的文本没有居中，因为元素是浮动的，浮动元素“收缩”到内容，即使它是块级元素。

你能解释一下这意味着什么吗？

当我使用 javascript 向其添加组件时，我必须将所有位置设置为 relative 以使父 div 更改大小

原文由 Graham Conzett 发布，翻译遵循 CC BY-SA 3.0 许可协议