文本对齐:中心; 不起作用

Question

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

这是我的两个CSS文件:

你可以在下面的JSfiddle链接中看到新的.

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

我还提供旧网站的代码(正确对齐文本):

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

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

Answer 1

简短回答:您的文本不居中,因为元素是浮动的,浮动元素"收缩"到内容,即使它是块级元素.

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

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

Answer 2

您float:left;在CSS中的任何地方,在width: 100%;其后添加.浮动将杀死您想要的中心对齐.

另外,添加text-align: center;到#login

Answer 3

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

感谢您努力帮助大家