2014-02-21 35 views
0

我想將一些文本居中放在頁面中間,但不想工作。我有text-align:center上它應該使它居中,還有一個position:absolute它的父母(#選擇),以保持背景圖像固定。不能居中文本

例子:http://jsfiddle.net/spedwards/29taB/

我應該如何來對齊文本中心?

+3

http://jsfiddle.net/29taB/1/?順便說一句,CSS是完全災難.. –

+0

你到底想在這裏做什麼?它看起來不好。 – Ruddy

+0

是的,我試圖恢復我多年前的工作。我知道這很混亂。 – Spedwards

回答

1

position:absolute不會拿width等於它的parent,所以它的width只等於它的內容。你必須給width : 100%absolute div對於這個問題,看看這個...... http://jsfiddle.net/29taB/10/

+0

廢話...我知道我忘記了一些東西。謝謝。只要它允許我將它標記爲答案。 – Spedwards

1

你可以改變你的CSS#選擇如下

#select { position:absolute;width:100%;} 
+0

您從Alien JS Fiddle先生那裏拿過那個不是你。 – Ruddy

+0

@Ruddy我不想要任何一個副本看到我的個人資料圖片... – Mani

1

你必須給#選擇的寬度。在這種情況下,100%都是按照要求工作的。正如你給身體的文字對齊,所有的文字都會居中。也許你應該把它移到#select來。

1

如果去掉填充左和分配100%的#選擇你將中心的所有:

#select { position:absolute;width:100%;} 
1

刪除填充和應用寬度100%:

#select { position:absolute;width: 100%;} 

demo