列表中的圖像的垂直對齊

我想製作一個包含圖像和輸入字段的列表。我希望他們能夠垂直對齊，但迄今爲止所有的方法都沒有成功。我試圖設置行高，使用填充和頁邊空間來創建整個佈局，而不是使用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

回答