Почему там разрыв между моим изображением и его содержанием поля?
Как я уже упоминал в EDIT , проблема заключалась в том, как MS-Office читает CSV. При открытии файла в блокноте кодировка правильная. Поскольку CSV должен быть скопирован в электронную таблицу Excel, все, что мне нужно было сделать, это «Импортировать» CSV в Excel.
Большое спасибо Мартину Прикрилу, который дал мне первый намек на решение.
6 ответов
Встроенные элементы вертикально выровненные к базовой линии, не самой нижней части содержания поля. Это вызвано тем, что для текста нужно небольшое количество пространства внизу для подстрочных элементов - хвосты на буквах как нижний регистр 'p'. Таким образом, существует мнимая строка короткое расстояние выше нижней части, названной базовой линией, и встроенные элементы вертикально выровненные его по умолчанию.
Существует два способа решить эту проблему. Можно или указать, что изображение должно быть вертикально выровненное к нижней части, или можно установить его, чтобы быть элементом блока, в этом случае это больше не рассматривают как часть текста.
В дополнение к этому Internet Explorer имеет ошибку парсинга HTML, которая не игнорирует запаздывание пробела после того, как заключительный элемент, так удаление этого пробела может быть необходимым, если у Вас есть проблемы с совместимостью Internet Explorer.
Поскольку изображение встроено, оно находится на базовой линии. Попробовать
vertical-align: bottom;
Поочередно, в IE иногда, если у Вас есть пробел вокруг изображения, Вы получаете это. Таким образом, если Вы удаляете весь пробел между тегами Div и тегами img, которые могут разрешить его.
Удалите разрыв строки перед тегом, так, чтобы он непосредственно следовал за тегом без пробелов между ним.
Я не знаю, почему, но для Internet Explorer, это работает.
line-height: 0; на родителе DIV фиксирует это для меня. По-видимому, это означает, что высота строки по умолчанию не 0.
display: block
в изображении фиксирует его также, но вероятно повреждает его другими способами ;)
font-size:0; на родительском DIV другой хитрый способ зафиксировать его.