垂直對齊的圖像內錨

我有一個<ul>具有兩列垂直對齊的圖像內錨

代碼：

<li class="clearfix"> 
<div class="product-copy"> 
Product Content Here 
</div> 
<a href=""> 
    "PRODUCT IMAGE HERE" 
</a> 
</li>

的.product-copy膨脹以在高度內容，寬度是固定的。

我希望能夠將錨內的圖像垂直對齊到中心。所以無論.product-copy的高度多大，右列中的圖像將始終居中。

請注意，我仍然是一個新用戶，因此無法在錨點中鍵入正確的圖像html，但錨點內有一個html圖像。

任何想法？

感謝

2011-06-09 Filth

-2

你可以嘗試一些CSS像

.product_img { position:absolute; top:0; bottom:0; }

這是從內存，您可能需要刪除的位置是：絕對的;來自班級。

只需將該類添加到img標記，這將垂直對齊圖像到div的中間。

<img srv="my_image.png" class="product_image" />

我希望這有助於:)

2011-06-09 23:13:50 Ryan

你的意思是李一的IMG？ .product-copy – Filth 2011-06-09 23:16:00

中沒有圖像這將是一個專門用於圖像的新類。我傾向於使用我的CSS文件，但您也可以將CSS包含到img元素的樣式標記中。如果不隱式使用img元素，您也可以嘗試將類分配給a標籤。 – Ryan 2011-06-09 23:19:51

感謝您的回答，但沒有奏效，所有圖片都顯示在頁面頂部..我希望我可以向您展示該網站，但它仍在本地服務器上。不要擔心這個，雖然我們正在決定離開它:-) – Filth 2011-06-09 23:20:10

這篇文章可能是幫助

2011-06-09 23:14:37

回答