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

时间:2012-05-02 05:16:50

标签: html css

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

以下是我的两个CSS文件:

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

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

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

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

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

5 个答案:

答案 0 :(得分:7)

简短回答:你的文字没有居中,因为元素是浮动的,浮动元素“收缩”到内容,即使它是块级元素。

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

  

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

答案 1 :(得分:5)

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

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

答案 2 :(得分:1)

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

感谢您试图帮助所有人

答案 3 :(得分:0)

您忘记在CSS类中添加width: 100%;

答案 4 :(得分:-1)

试试这个。我想这可能对你有帮助

text-align:justify;