无法居中文字

Question

我正在尝试将一些文本置于页面中间但不想工作。我有text-align:center，它应该使其居中，并在其父级（#select）上设置position:absolute以保持背景图像的固定。

示例：http://jsfiddle.net/spedwards/29taB/

我应该如何对齐文本中心？

Answer 1

你可以改变你的css #select如下

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

Answer 2

你必须给#select一个宽度。在这种情况下，100％并且所有都按预期工作。当您为正文赋予文本对齐时，所有文本都将居中。也许你应该把它移到#select to。

Answer 3

position:absolute不会将width等同于parent，因此width仅等于其内容。您必须width : 100%向absolute div提出此问题，请检查此... http://jsfiddle.net/29taB/10/

Answer 4

如果你删除左边的填充并为#select分配100％，那么你将把所有内容都集中在一起：

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

Answer 5

删除填充并应用宽度100％：

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

demo