如何正确对齐wordpress图像?

时间:2015-05-13 06:54:26

标签: html css wordpress image vertical-alignment

我一直在wordpress的网站上工作,到目前为止我一直在做我需要的工作。 今天我尝试添加一行图像(有和没有字幕),由于某种原因,图像的顶行显示每个图像略低于另一个。

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

这些是在新创建的特定于这些图像的div类中,我不明白为什么它们会像它们一样掉线。我干了把显示更改为内联,内联块,边距到自动和其他一些东西,但仍然没有运气。 我环顾四周,尝试了几种解决方案: How to vertically align an image inside div 但没有运气。

任何帮助表示感谢。

1 个答案:

答案 0 :(得分:0)

您需要从代码中删除<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>

希望这有帮助。