当text-align不在CSS3中工作时，获取背景图像以对齐中心

Question

我在WordPress小部件中有一段代码，我试图将图像作为背景图像而不是常规图像

以下是代码：

<p><div style="background-image: url('https://www.nationalcdp.org/wp-content/uploads
/2014/09/nationalcdp-600.png');text-align:center!important;background-repeat:no-  
repeat;width=600px;height:316px;"></div></p>

由于某些原因，图像确实按预期显示，但继续左对齐 - 即使是！important。

这是一个Firebug屏幕截图：

我在这里做错了吗？如果需要更多信息，请务必询问。

非常感谢任何指导！

Answer 1

你混淆了属性。你需要像这样使用它：

<div style="background: url('https://www.nationalcdp.org/wp-content/uploads/2014/09/nationalcdp-600.png') no-repeat 50% 50%; width:600px; height:316px;"></div>

text-align会将您的内容集中在元素中，而不是您的背景。看到50% 50%（我在中间对齐垂直和水平轴的背景，但你可以使用像top center，0 50％，20％10％，30px 100px或者其他什么，取决于你的需要）

您可以看到complete specifications for background position here