Блог

Главная - Вопросы по программированию - Ссылки и изображения по центру

Ссылки и изображения по центру

#html #css #image #centering

#HTML #css #изображение #центрирование

Вопрос:

Может кто-нибудь помочь мне расположить изображение по вертикали рядом с текстом (оба должны быть по вертикали по центру? У меня возникли некоторые проблемы с этим, потому что ссылка с изображением находится не на той же высоте, что и текст в других строках.

Вот мой код http://jsfiddle.net/k7CVE /

Спасибо!

Комментарии:

1. Вы имеете в виду изображение в столбце result ? Ссылка изображение расположены по центру, по крайней мере, в Chrome. Или вы хотите изображение под ссылкой?

2. @mliebelt: изображение в Chrome не центрировано по вертикали, над изображением больше места.

3. Извините, смешанный вертикальный / горизонтальный.

Ответ №1:

Попробуйте ‘text-bottom’ вместо ‘middle’ для свойства выравнивания по вертикали, как в вашем случае это было бы 

 img.load-icon {
    vertical-align: text-bottom;
    margin: 0;
    padding: 0;
    border: 0px solid black;
    height: 15px;
    width: 15px;
}