2012-05-02 15 views
8

我一直在搞我的網站的佈局和我的text-align : center;停止工作 發生後,我將所有我的div位置相對,以使父div更改大小時,我用javascript添加組件。text-align:center;不起作用

這裏是我的兩個CSS文件:

你可以看到在下面的鏈接的jsfiddle新的一個。

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

我公司還提供了舊網站的代碼(正確對齊文本):

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

舊的HTML是非常相似的新版本,我只是說style =「float:left;」在其中一個divs

+1

請使用的jsfiddle兄弟 –

+0

烏爾保證金的拼寫是錯誤的,在許多地方...檢查它... –

+0

非常感謝!我修復了保證金拼寫,現在它可以工作。只需要修復現在的對齊中心 – Xitcod13

回答

1

終於想通了。所有我需要做的是添加 clear:left;loginBttn DIV 後一切正常

感謝試圖幫助大家

-1

試試這個。我想這可能會幫助你

text-align:justify; 
+0

謝謝,但它沒有工作:(有點讓它更糟糕:P – Xitcod13

6

簡短的回答:你的文字不居中,因爲元素浮動,並且浮動元素「縮水」的內容,即使它是一個塊級元素。

你能解釋更多這是什麼意思?

我有我的所有位置設置爲相對於讓家長格變化 大小時,我將組件添加到它使用JavaScript

+0

我有2顯示:無;在主div的divs當我讓他們顯示:內聯;與JavaScript我需要現在如果div被縮小到內容的大小,那麼當我取出寬度和高度以及文本對齊屬性時,它應該自動將文本置於中心位置,但不會發生內容仍然居中的情況 – Xitcod13

3

任何你在你的CSS有float:left;,之後將其添加width: 100%;。浮動會殺死你想要的中心對齊。

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