Проблемы с отступом текста со встроенными элементами - PullRequest
0 голосов
/ 13 января 2012

У меня есть якорь с фоном.У якорей есть текст внутри.Однако я не хочу, чтобы текст отображался, так как якорь имеет фоновое изображение, и я хочу, чтобы отображалось только фоновое изображение. С помощью следующего CSS я смог выполнить его, но он работает только в браузерах CSS3: http://jsfiddle.net/3SmmL/

При добавлении display:inline-block; элемент действует как блочный элемент, но позволяет другим элементам div оставаться встроенными.Поэтому текстовый отступ будет работать правильно.(Так как отступ текста не поддерживается встроенными элементами)

Однако в браузерах, не поддерживающих CSS3, свойство inline-block не поддерживается, и поэтому вся привязка имеет отступ с -999999px.Если я использую дисплей: блок;и установите ширину равной 0, якоря будут выглядеть точно так же, как в версии CSS3, но все они будут отображаться в разных строках (пример: http://jsfiddle.net/3SmmL/1/) Как сделать так, чтобы все эти div отображались одинаковоабсолютное позиционирование. Я не могу изменить HTML-код.

1 Ответ

2 голосов
/ 13 января 2012

Просто добавьте float: left к вашей второй скрипке.Это выровняет их так, как вы хотите.

http://jsfiddle.net/bnaegele/3SmmL/8/

...