Html 文本对齐：居中；不'；行不通

我一直在摆弄我的网站布局和我的

文本对齐：居中停止工作
当我使用javascript向父div中添加组件时，我将所有div的位置设置为relative，以使父div的大小发生变化

以下是我的两个CSS文件：

您可以在下面的JSFIDLE链接中看到新的一个

jsFiddle：

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


旧HTML与我刚刚在其中一个div中添加了style=“float:left；”的新版本非常相似。我想这可能对你有帮助

text-align:justify;

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

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

我必须将所有位置设置为“相对”，以更改父div
使用javascript向其中添加组件时的大小

无论你在哪里
float:left宽度：100%在它之后。浮动将终止您所需的中心对齐

另外，添加
文本对齐：居中
到
#登录
终于找到了答案。我所需要做的就是添加
清除：左到我的
loginBttn
div
在那之后一切都很顺利

感谢您尝试帮助大家
您忘记添加
宽度：100%在你的CSS类中。
我有两个显示：无；主div内的div。当我使它们显示时：inline；使用javascript时，我需要增加框的长度。现在，如果div缩小到内容的大小，那么当我取出宽度、高度和文本对齐属性时，它应该自动将文本居中。但这并没有发生，内容仍然是中心的，我们的页边空白拼写在许多地方是错误的。。。检查一下……非常感谢！我修正了页边空白的拼写，现在可以了。现在只需要固定对齐中心