Отступ в ячейке таблицы у изображений при вёрстке на html5
При вёрстке на html5 к обычной ячейке таблицы, если там есть изображение, всегда внизу
добавляется отступ.
Взять самый простой код
<table> <tr><td style="background:yellow;"><img src="0.gif" height="80" /></td></tr> </table>
Высота ячейки 85px вместо предполагаемых 80. Откуда взялся отступ 5px?
Аналогичное явление происходит при вёрстке в режиме strict. Cтоит только сменить доктайп на классический html4 transitional, сразу всё отображается привычно.
Я решил задать вопрос гуру. Сергей Чикуёнок, ни секунды не задумываясь, ответил, что это достаточно стандартная проблема.
<img> — инлайновый элемент, который по умолчанию выравнивается по базовой линии (которая выше, чем конец строки), поэтому и появляется отступ. Чтобы избавится от него, нужно прописать картинке display:block