我試圖使用<table>創建產品的列表，因爲它基本上是一個包含行和列的表。在內對齊圖像而不必將其作爲背景
我想要列的其中一列列出項目狀態是否可用，並且我想用一個綠色的圖標表示，如果可用的話，紅色，否則。我也希望該圖標可以點擊進行更改。
所以我谷歌搜索，如果它是一個背景圖像，我可能會定位它，但我希望它是可點擊的，所以這是不好的。
我試過所有的垂直對齊和中心等。我已閱讀並嘗試過邊距和填充以及各種類型，但無法將我的小圖標圖像放在中間（水平和垂直）我的小<td>。
要清除的東西了：
我只是想知道如何<td>內對齊圖像。圖像本身就是錨點，當它被點擊時，頁面會重新加載並且圖標會變成圖標。我已經嘗試在<td>內定位此圖片，但不能。這是我的問題：如何定位？
不知道爲什麼你有困難的表格單元格內對齊圖像。表格包含許多有助於對齊的有用屬性。下面是一個示例表格，其中圖像與表格單元格的中心對齊。
我認爲，這解決了它。或者至少它證明它應該這樣工作！非常感謝。我想也許我需要停止盯着代碼一段時間！唷！ – 2012-07-25 22:49:23
第一張表格只能用於數據，而產品列表不是數據。我建議使用普通的老式div或帶有大量浮動LI元素的UL。
對於您的圖標，最好使它成爲'A'標籤，或者將圖標作爲圖像放在'A'標籤中或作爲'A'標籤的背景。
要水平對齊它的父容器text-align：center。
我會假設每個產品都將成爲一個圖像，併成爲一個高度？如果是，然後垂直對齊，只需將容器頂部的正確高度設置在中心即可。
希望上面會爲你工作:)
+1我同意，也許你應該看看使用像960.gs這樣的東西，所以你不需要考慮太多關於佈局只是給你的divs名稱等 – 2012-07-25 22:49:33
這是衆多概念集於一身，並且過於寬泛的一個問題這麼久。你需要一個可點擊鏈接的錨點，AJAX（或類似的東西）來改變圖標等。 – Sablefoste 2012-07-25 22:19:47
不 - 我只想知道如何對齊中的圖像。圖像本身就是錨點，當它被點擊時，頁面會重新加載並且圖標會變成圖標。我試圖在內定位此圖片，但不能。這就是我的問題，如何定位它！ – 2012-07-25 22:27:01