Question

我遇到的问题可能很简单，但无法找到解决方案。

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

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

<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中某些信息的更多信息。

非常感谢！

Answer 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可能意味着什么。添加回来修复了问题。

标题未见其形象

1 个答案: