При верстке DIV+CSS на странице абсолютно часто приходится сталкиваться с проблемой лишних пробелов под элементом изображения img в IE6 (конечно, иногда и в Firefox). Решение этой проблемы также состоит в том, чтобы «проиграть». Ear" , в зависимости от причин необходимо использовать разные решения. Здесь мы кратко суммируем общие методы решения ОШИБКИ, связанной с избыточными пробелами в макете изображения, для вашей справки.
1. Преобразуйте изображение в объект уровня блока
, установив для img значение «display:block;». В этом примере добавьте набор кода CSS: «#sub img {display:block;}».
2. Также можно решить настройку вертикального выравнивания изображения,
то есть установку атрибута вертикального выравнивания изображения на «сверху, сверху текста, снизу, снизу текста». Например, в этом примере добавьте набор кода CSS: «#sub img {vertical-align:top;}».
3. Установите размер текста родительского объекта равным 0 пикселей,
то есть добавьте строку в #sub: "font-size:0;" для решения проблемы. Но это также вызвало новую проблему: невозможно отобразить текст в родительском объекте. Даже если текстовая часть заключена в подобъект, ее все равно можно отобразить, задав размер текста подобъекта, но во время проверки CSS будет выведено сообщение об ошибке, что текст слишком мал.
4. Измените свойства родительского объекта.
Если ширина и высота родительского объекта фиксированы, а размер изображения зависит от родительского объекта, вы можете установить «overflow:hidden;», чтобы решить проблему. Например, в этом примере вы можете добавить в #sub следующий код: «width:88px;height:31px;overflow:hidden;».
5. Чтобы установить плавающий атрибут изображения
, добавьте в этом примере строку кода CSS: «#sub img {float:left;}». Если вы хотите добиться смешанного расположения изображений и текста, этот метод — хороший выбор.
6. Удалите пробел между тегом изображения и последним закрывающим тегом его родительского объекта.
Следует подчеркнуть, что этот метод может вызвать проблемы в реальной разработке, поскольку для того, чтобы сделать код более семантическим и понятным при написании кода, необходимо обеспечить отображение отступов кода через IDE, что неизбежно приведет к тому, что метка и другие метки будут Отображение разрыва строки, например, команда DW «Применить исходный формат». Таким образом, этот метод может помочь нам понять ситуацию, в которой возникает ошибка. Конкретное решение должен найти каждый.