Как убрать непонятный отступ снизу картинки (лишний отступ внизу изображения)

Наверное, многие, при html-верстке, встречали баг, когда, размещая в блоке подряд несколько изображений, между ними возникает промежуток, примерно в 3-5 пикселей. Задача - убрать лишний отступ внизу изображения

Как убрать непонятный отступ снизу картинки

» » Сообщение:

Проблема двояка.
Суть первой - картинки в ячейках блоков/таблицы, для дизайна, например.
Если вставлять в блок или ячейку таблицы картинку, то внизу появляется какой-то странный отступ, даже если прописать для блока фиксированную высоту.
Проблему можно решить задав родительскому блоку стиль:

Код: Выделить всё Развернуть
element{font:0/0 a;}

Другими словами, поставить нулевой интерлиньяж и размер шрифта.

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

Лечение №1

Задать картинки свойство display:block;
типа:

Код: Выделить всё Развернуть
block img{display:block;}

Вариант №2

Не знаю насколько актуален, но имеет место быть.
Задать родительскому блоку: overflow:hidden; (что бы не схлопывался), а изображению float:left;
Типа:

Код: Выделить всё Развернуть
block{overflow:hidden;}
block img{float:left;}

Вариант №3

Наверное, самый удачный, для меня во всяком случае. Так как часто размещаю картинки “по тексту” - и их блочность “слегка не к месту”
Для картинки задать любое вертикальное выравнивание боттом/миддле/топ: vertical-align:middle;

Код: Выделить всё Развернуть
img{vertical-align:middle;}

Естественно, все это будет работать при актуальном и верно прописанном доктайпе.

Думаю, лучше по месту смотреть какими костылями пользоваться в конкретном случае.

На этом, походу, тема исчерпана.
Всем доброго утра )

непонятный, отступ, картинка, изображение, поля, поле, vertical-align, bottom;



Похожие темыКомментарии ПросмотрыПоследнее сообщение
9996Re: Как убрать поля: Значение "...
Сообщение от: Diselstrong
0226Как убрать из текста слова длиной ...
Сообщение от: Admin
0975Как убрать/изменить титле главной с...
Сообщение от: Admin
0452Как убрать название раздела из ссыл...
Сообщение от: Admin
04332Как убрать символы переноса строки,...
Сообщение от: Admin