Вертикальное выравнивание изображения внутри якоря - PullRequest
Новая
       5

Вертикальное выравнивание изображения внутри якоря

2 голосов
/ 10 июня 2011

У меня есть <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-изображение.

Есть идеи?

Спасибо

Ответы [ 2 ]

1 голос
/ 10 июня 2011

Эта статья может быть полезна

http://phrogz.net/CSS/vertical-align/index.html

0 голосов
/ 10 июня 2011

Вы можете попробовать CSS как 

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

Это из памяти, вам может понадобиться убрать позицию: абсолютная; из класса.

Просто добавьте класс в тег img, и это выровняет ваше изображение по центру элемента div. 

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

Надеюсь, это поможет:)

...