Удаление пробела между двумя элементами изображения

Question

На странице 2 маленьких изображения:

<a href="link.htm"><img src="image1.jpg" /></a>

<a href="link2.htm"><img src="image2.jpg" /></a>

Когда они появляются на странице, они не появляются непосредственно рядом друг с другом, как я ожидал, они появляются с пробелом между ними.

Я вроде понимаю, почему появляется это пространство (между прочим, в разметке есть пространство между ними), но я не хочу, чтобы пространство было там.

Answer 1

Как вы указали, между ними в разметке есть пробел, поэтому между ними в просчитанном документе есть пробел.

Чтобы свести к минимуму изменения в вашей разметке, вы можете сделать это:

<a href="link.htm"><img src="image1.jpg" /></a><a
   href="link2.htm"><img src="image2.jpg" /></a>

или аналогичный.

Другая вещь, которую вы могли бы сделать, - это float a элементов left, но это, вероятно, будет иметь эффект на вашей раскладке.

Answer 2

Изображения по умолчанию отображаются как встроенные элементы. Это означает, что они не игнорируют символы пробелов в своем контейнере. Если вы хотите устранить этот пробел, вы можете либо удалить сам пробел, либо сделать ваши изображения элементами блочного уровня, используя правила float:left или display:block. Вы также можете попробовать обернуть эти изображения ячейками таблицы, например:

<table cellspacing="0" cellpadding="0">
 <tr>
  <td><img ...></td>
  <td><img ...></td>
 </tr>
</table>

но это оооочень 1999.