1

我有一个问题可能很简单，但找不到解决方案。

我正在管理我的自托管 wordpress，并且经常在我发布的文章中添加图片，并希望它们居中。但是，我注意到在为居中的图片添加标题时，它们最终左对齐。您可以在此处查看示例（第一张和第二张图片）。

“无标题和对齐”图片代码为：

<p style="text-align: center;">
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
        <img class=" size-large wp-image-1949 aligncenter" title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg"alt="" width="391" height="276" />
    </a>
</p>

而“标题和未对齐”图片代码将是：

[caption id="attachment_1949" align="aligncenter" width="391" caption="Hildolfr"]
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
        <img class=" size-large wp-image-1949 aligncenter  " title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg" alt="" width="391" height="276" />
    </a>
[/caption]

我尝试<p style="text-align: center;"></p>在标题括号之外或内部添加标题图片代码，但没有结果。

有人会知道它为什么会有这样的反应吗？wordpress.stackexchange认为这是一个与 css 相关的问题，因此在这里更相关。

我是 CSS 的初学者，并且正在使用预先设计的代码，然后我对其进行了大量修改。但是，如果有人指出它所在的位置，我可以提供有关 CSS 中某些信息的更多信息。

非常感谢！

4

1 回答 1

1

尽管很尴尬，但我在没有意识到的情况下问了这个问题前几分钟解决了这个问题。

CSS 缺少以下几行：

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

所以它无法理解这img class = aligncenter意味着什么。将行添加回来解决了问题。

于 2012-02-20T16:11:32.687 回答