Html 如何正确对齐wordpress图像?

Html 如何正确对齐wordpress图像?,html,css,wordpress,image,vertical-alignment,Html,Css,Wordpress,Image,Vertical Alignment,我一直在wordpress的一个网站上工作,到目前为止,这个网站一直在做我需要的事情。 今天,我尝试添加一行图像(带和不带标题),出于某种原因,图像的顶行显示的每个图像略低于另一个 你可以明白我在这里的意思: 这些都是在新创建的div类中专门为这些图像创建的,我不明白为什么它们会像现在这样下降。我已经把显示改成了内联,内联块,边距改成了自动,还有一些其他的东西,但还是没有运气。 我环顾四周,尝试了几种解决方案: 但是没有运气 感谢您的帮助。您需要从代码中删除,以实现所需的功能 例如, <

我一直在wordpress的一个网站上工作,到目前为止,这个网站一直在做我需要的事情。 今天,我尝试添加一行图像(带和不带标题),出于某种原因,图像的顶行显示的每个图像略低于另一个

你可以明白我在这里的意思:

这些都是在新创建的div类中专门为这些图像创建的,我不明白为什么它们会像现在这样下降。我已经把显示改成了内联,内联块,边距改成了自动,还有一些其他的东西,但还是没有运气。 我环顾四周,尝试了几种解决方案: 但是没有运气


感谢您的帮助。

您需要从代码中删除

,以实现所需的功能

例如,

<div id="attachment_3753" style="width: 180px" class="wp-caption alignnone"><img src="http://rhinoaustralia.com/wp-content/uploads/2014/08/straight.png" alt="Traditional Fit"><p class="wp-caption-text">Traditional Fit</p></div>
<div id="attachment_3752" style="width: 180px" class="wp-caption alignnone"><img src="http://rhinoaustralia.com/wp-content/uploads/2014/08/semi.png" alt="Slim Fit"><p class="wp-caption-text">Slim Fit</p></div>
<div id="attachment_3751" style="width: 180px" class="wp-caption alignnone"><img src="http://rhinoaustralia.com/wp-content/uploads/2014/08/pro.png" alt="Elite Fit"><p class="wp-caption-text">Elite Fit</p></div>

传统版

修身

Elite Fit


希望这有帮助。

尝试从代码中删除
。这是由于
代码造成的。这是因为您在div之间给出了
。您可以在wordpress页面的文本编辑器中发布html代码吗?结果有时与页面编辑器上的html不同。是的,html编辑器没有显示
,而是自动将其插入到已发布的版本库中。由于某种原因,在HTML模式下的wordpress后端中,它没有显示
。但它似乎是在发布时自动插入的。要解决这个问题,你可以查看下面的链接,希望这有帮助。