1112 Это на самом деле не так уж редко. Это связано с тем, что изображение представляет собой встроенные элементы, поэтому между нижней частью изображения, расположенной в базовой строке текста, и нижней частью текстовой строки имеется некоторое пространство.
Самое простое решение этого - просто использовать display:block;
, чтобы превратить изображение в блочный элемент. Плавающее изображение с использованием float:left;
или float:right;
также работает, поскольку оно также превращает его в блочный элемент.
Регулировка свойств, таких как vertical-align
, font-size
и line-height
, также может влиять на расстояние, но это не так надежно, поскольку не устраняет эффект. Это может все еще появиться при некоторых обстоятельствах.
Смежные вопросы:
Нежелательный интервал под изображениями в XHTML 1.0 Strict
Почему мои изображения получили дополнительный интервал?
Проблема с пространством изображения IE