【问题标题】:How do I stop my image from being offset to the right in wordpress?如何阻止我的图像在 wordpress 中向右偏移?
【发布时间】:2014-01-22 06:24:06
【问题描述】:

我在此页面上有一张图片:http://rowanibbeken.co.uk/?page_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>

但它似乎仍然没有正确居中。可能是什么问题?

【问题讨论】:

  • 怎么了,这里的中心是我?
  • @AliGajani:不完全是,偏离了 10px,即左右边框的宽度。

标签: css wordpress html alignment


【解决方案1】:

这是因为边框宽度被添加到根据百分比计算的宽度上。您需要在图像中添加以下样式:

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

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

我建议将它们放在样式表规则中,而不是内联,但两者都应该有效。

【讨论】:

    猜你喜欢
    • 2015-12-24
    • 2020-07-10
    • 2020-04-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-09
    • 1970-01-01
    • 2013-02-14
    相关资源
    最近更新 更多