Странные HTML5 нарезанные изображения края сверху и снизу проблема
Сравнивая HTML4 с HTML5, я сталкиваюсь со странной проблемой при размещении нарезанных изображений на моем сайте.
Смотрите примеры страниц ниже:
Как вы можете видеть в версии HTML5, нежелательные поля появляются на полях изображений сверху и снизу и не могут быть удалены с помощью переопределений CSS. Как сделать версию HTML5 идентичной версии HTML4 (в этом простом случае)?
ps единственное отличие двух файлов - это объявление заголовка DOCTYPE.
3 ответа
Решение
Добавлять img { display: block; } к вашему css. HTML5 заставит браузеры рендерить встроенные вещи немного иначе, чем HTML4.
Для получения дополнительной информации см. Эту информативную статью от Mozilla: https://developer.mozilla.org/en/Images%2C_Tables%2C_and_Mysterious_Gaps