HTML图片没有排队

Question

这是我的页面http://suntmormon.ro/jarman-home-page/，我想知道为什么我的四个较小的图像是错开的并且没有对齐。我用wordpress。

这是我目前的代码

[one_half padding="0 0 0 5px"]
<link><img class="alignnone  wp-image-203 link_img" src="http://suntmormon.ro/wp-content/uploads/2014/02/Vizioneaza-un-mesaj-mormon-final-optiunea-2.png" alt="rounded_corners" /></a>
[/one_half][one_half_last padding="0 13px 0 5px"]
<link><img class="alignnone  wp-image-210 link_img" src="http://suntmormon.ro/wp-content/uploads/2014/02/Ce-facem-noi-final.png" alt="Munți de urcat" width="465" height="232" /></a><link><img class="alignnone  wp-image-222 link_img" src="http://suntmormon.ro/wp-content/uploads/2014/02/Ce-credem-final.png" alt="În ce cred Mormonii" width="465" height="233" /></a>
[/one_half_last]
<br clear="all">

[one_fourth]
Elena
<link><img class="mormon-thumbnail" src="http://suntmormon.ro/wp-content/uploads/2014/06/elena.png" height="168" width="180" alt="" /></a>
<link>Descarcă</a>
[/one_fourth]

[one_fourth]
Sergiu
<link><img class="mormon-thumbnail" src="http://suntmormon.ro/wp-content/uploads/2014/09/sergiu.png" height="168" width="180" alt="" /></a>
<link>Descarcă</a>
[/one_fourth]

[one_fourth]
Cătălin şi Carmen
<link><img class="mormon-thumbnail" src="http://suntmormon.ro/wp-content/uploads/2014/07/foteas1.png" height="168" width="180" alt="" /></a>
<a href="http://suntmormon.ro/wp-content/uploads/2014/07/Catalin-si-Carmen-Fotea.mpg" download="Catalin-Carmen">Descarcă</a>
[/one_fourth]
[one_fourth]
Alin
<link><img class="mormon-thumbnail" src="http://suntmormon.ro/wp-content/uploads/2014/07/alin.png" height="168" width="180" alt="" /></a>
<link>Descarcă</a>
[/one_fourth]

我尝试了一个明确的休息，但是没有用。

Answer 1

您当前的简化代码是

HTML：

<div class="content-column one_fourth"></div>
<p></p>
<br>

CSS：

p {
  margin-bottom: 1.5em;
}

您需要做的只是：

1. 将 p 元素的css更改为 margin-bottom：0em;

OR

1. 从html中删除 p 元素。

和

1. 从html中删除 br 元素。

Answer 2

您需要删除所有p元素和br元素