如何阻止我的图像在wordpress中向右偏移？

Question

我在这个页面上有一个图片：id=422，我想要居中，但由于某种原因，它被稍微偏移到右边。我的HTML如下：

<p style="text-align: center;">
    <img class="wp-image-423 aligncenter" style="border: 5px solid white;" alt="Under the     Bridge-2 medium" src="http://rowanibbeken.co.uk/wp-content/uploads/2014/01/Under-the-Bridge-2-medium.jpg" width="965" height="641" />
</p>

但它的中心似乎仍然不正确。问题是什么？

Answer 1

这是因为边框宽度将添加到根据百分比计算的宽度中。您将希望将下列样式添加到图像中：

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

这将导致在宽度计算中包括边框。

我建议将它们放在样式表规则中，而不是内联中，但两者都应该可以工作。