列表中的图像的垂直对齐

我想制作一个包含图像和输入字段的列表。我希望他们能够垂直对齐，但迄今为止所有的方法都没有成功。我试图设置行高，使用填充和页边空间来创建整个布局，而不是使用li来创建表格。列表中的图像的垂直对齐

有问题的标记可以找到here。有任何想法吗？

2012-02-27 Niels

这不是'vertial对齐：中部;'是'垂直对齐：中间;' – mgraph 2012-02-27 11:48:54

是的，你是对的。不幸的是，它也不起作用。 – Niels 2012-02-27 12:03:17

编辑：

我原本只是试图铬。我认为这可能是因为输入高度不一致。

给这一个尝试..

2012-02-27 11:46:44

虽然离我很近，但它对我来说似乎并不重要。你是如何分别选择30和25的线高？ – Niels 2012-02-27 11:56:45

但据我所知即使在更新后的版本中图像也不居中。 – Niels 2012-02-27 13:17:39

上次编辑作品。但我仍然不明白为什么需要有不同的线路高度。你是怎么想出20和18的？ – Niels 2012-02-28 07:31:44

#pager ul li{ 
display:block; 
}

2012-02-27 11:38:01 Brent

我试着用你的代码，似乎工作 – Brent 2012-02-27 11:39:33

我也尝试过。这导致水平列表而不是垂直。 http://jsfiddle.net/kg8HG/705/。 – Niels 2012-02-27 11:58:00

@Niels当我尝试它的作品。你重写显示器：内联你以前定义，但。现在定义两次 – Brent 2012-02-27 12:16:59

回答