Нежелательные интервал ниже изображений в XHTML 1.0 Strict

Question

Моя цель состоит в том, чтобы использовать XHTML 1.0 Strict DOCTYPE для этой страницы я работаю, но я бегу в некоторые странные дизайн вопросов ..

У меня есть ниже код:

<div><img src="photos/someimage.jpg" alt="Title" /></div> 

Когда я загрузить страницу с DOCTYPE, установленной в 1.0 Strict, добавляется немного разрыв разнос ниже изображений, в пределах дел. Я удалил все пробелы/пробелы в коде, что, по-видимому, является обычным виновником такого рода проблем. Если я изменю DOCTYPE на 1.0 Transitional, пробел исчезнет, ​​и страница будет выглядеть так, как должна.

Кто-нибудь знает, как избежать этой проблемы при использовании 1.0 Strict?

Спасибо за ваше время!

Answer 1

http://www.schoonzie.com/rogue-padding-below-images

Если изображение отображается рядный, он оставляет небольшое пространство под ним. Это связано с тем, что изображение помещается в базовую линию текста, а ниже базовой линии должно быть больше места для символов descender, таких как g, j или q.

Ответвление заключается в том, что в строгом режиме невозможно сделать контейнер плотно прилегающим к изображению, если, конечно, вы явно не указали img {display: block}.

https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps

Другой основной выбор оставить встроенное изображение и изменить вертикальное выравнивание изображения относительно контейнера строки. Например, вы можете попробовать следующее:

div img {vertical-align: bottom;} 

Answer 2

Попробуйте

<div style="font-size: 0px;"><img src="photos/someimage.jpg" alt="Title" /></div>