UL甚至具有不同高度的边距

Question

我有一个UL，其中包含多张照片，只有部分照片需要包含模型名称的简单文字。

我是这样写的：

<ul> 
<li><img src="img/1.jpg" alt="image" /><p>Model Name</p></li>
<li><img src="img/2.jpg" alt="image" /></li>
</ul> 

我的问题是，带有文字的照片位置较高（就像它与顶部有不同的边距），这是我试图描述的屏幕：

我想要的是所有照片上面都有相同的空间。

完整的代码可以在这里看到：http://prv.sampettersson.com

Answer 1

诀窍是在vertical-align: top元素上使用<li>。默认设置为baseline，这会导致您看到的结果。