如何正确对齐wordpress图像？答案

【问题标题】：How to align wordpress images properly?如何正确对齐wordpress图像？
【发布时间】：2015-07-24 07:39:21
【问题描述】：

到目前为止，我一直在使用 wordpress 开发一个网站，该网站一直在做我需要的事情。今天我尝试添加一行图像（带和不带标题），由于某种原因，图像的第一行显示的每一个都略低于另一个。

您可以在这里看到我的意思： http://rhinoaustralia.com/shop/rugby-league-jerseys/rugby-league-jerseys/

这些是针对这些图像新创建的 div 类，我不明白为什么它们会像现在这样下降。我已经将显示更改为内联、内联块、自动边距和其他一些东西，但仍然没有运气。我环顾四周并尝试了几种解决方案： How to vertically align an image inside div 但没有运气。

任何帮助表示赞赏。

【问题讨论】：

尝试从您的代码中删除
。它是由于
代码而发生的。
是因为你在div之间给了
。
您可以将文本编辑器中的 html 代码发布到您的 wordpress 页面上吗？结果有时与页面编辑器上的 html 不同。
是的，这是 html 编辑器没有显示
而是自动将其插入已发布版本的情况

标签： html css wordpress image vertical-alignment

【解决方案1】：

您需要从代码中删除 <br> 才能实现您要查找的内容。

例如，

<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>

希望这会有所帮助。

【讨论】：

谢谢。由于某种原因，在 HTML 模式下的 wordpress 后端中，它没有显示
。但它似乎在发布时会自动插入。
要解决这个问题，你可以查看下面的链接wordpress.stackexchange.com/questions/130075/…希望这会有所帮助。