2014-02-21 32 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