Почему размер ссылки не соответствует размеру картинки?

Question

[Георгий Хасанов]

Размер ссылки не соответствует размеру изображения. Как это исправить?

<div class="thumbnail">
<a href="<?php the_permalink(); ?>">
<?php $image_id = get_post_thumbnail_id(); ?>
<?php $image_attributes = wp_get_attachment_image_src( $image_id, 'full'); ?>
<img src="<?php echo $image_attributes[0]; ?>" width="100%">
</a>
</div>

Answer 1

[Stalker_RED]

У вас пробельные символы перед и после картинки. Уберите их.

Comments

[Георгий Хасанов]

То есть сделать это одной строчкой?

Answer 2

[lollikay]

Тэг img - изначально строчный (inline) с вертикальным выравниванием по базовой линии (vertical-align: baseline;). предполагается, что он будет окружен текстом, для текста необходимо место снизу, для "хвостиков" (например, как у буквы "у") -> у картинки появляется отступ снизу. Решить можно двумя способами:
1) установить display: block; для картинки
2) установить vertical-align: bottom; или vertical-align: middle; для картинки