Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 标题取消其图像的中心_Css_Wordpress_Caption - Fatal编程技术网

Css 标题取消其图像的中心

Css 标题取消其图像的中心,css,wordpress,caption,Css,Wordpress,Caption,我有一个问题可能很简单,但找不到解决方案 我在管理我的自托管wordpress,经常在我发布的文章中添加图片,并希望它们居中。然而,我注意到,当为居中的图片添加标题时,它们最终会向左对齐。您可以看到一个示例(第一张和第二张图片) “无标题和对齐”图片代码为: <p style="text-align: center;"> <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=19

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

我在管理我的自托管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]
[caption id=“attachment_1949”align=“aligncenter”width=“391”caption=“Hildolfr”]
[/说明]
我尝试将

添加到标题图片代码中,或者在标题括号外,或者在标题括号内,但没有结果

有人知道为什么会有这样的反应吗?决定这是一个css相关的问题,所以在这里更相关

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


非常感谢

令人尴尬的是,我在问问题前几分钟就解决了这个问题,但没有意识到这一点

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
可能意味着什么。向后添加行修复了问题。

尽管令人尴尬,我还是在问问题前几分钟修复了问题,但没有意识到这一点

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
可能意味着什么。向后添加行修复了问题。

链接到的页面上第二幅图像下的标题位于我的浏览器(Chrome v17)的中心。你用什么浏览器?相同。使用Firefox最新版本。我建议你尝试一个不同的浏览器和/或便携式(独立)版本,以确保它不是一个插件把你搞砸了。奇怪。我也在使用Chrome v17,而且是最新的。图像是否也居中?我希望图像居中,但在我放置标题时,它总是左对齐。它也在Windows7的IE9中居中。您的CSS代码.wp标题{text align:center;}正在发挥作用。图像和文本在IE、FF、GG、Safari和Opera中居中。也许贴一张问题的照片!您链接到的页面上第二个图像下的标题位于我的浏览器(Chrome v17)的中心。你用什么浏览器?相同。使用Firefox最新版本。我建议你尝试一个不同的浏览器和/或便携式(独立)版本,以确保它不是一个插件把你搞砸了。奇怪。我也在使用Chrome v17,而且是最新的。图像是否也居中?我希望图像居中,但在我放置标题时,它总是左对齐。它也在Windows7的IE9中居中。您的CSS代码.wp标题{text align:center;}正在发挥作用。图像和文本在IE、FF、GG、Safari和Opera中居中。也许贴一张问题的照片!哦,我从那里直接拿到了:哈哈;如果我可以问的话,是什么让他们的名字不好呢?哦,我直接从那里学到了:哈哈;如果我可以问的话,是什么让它们成为坏的类名?