Отступ текста CSS не работает на IE7

Question

Вот пример страницы: http://jsfiddle.net/p9Fbb/

Как правило, при использовании text-indent на значке Internet Explorer 7 (IE9 в режиме совместимости) перемещает элемент вне экрана, а не только текст.По какой-то причине это происходит только при определенных обстоятельствах в ячейках таблицы (я думаю, это когда элемент сам по себе находится в ячейке).

Как я могу это исправить?Или есть другой способ использовать текстовый контент в элементе, но сделать его невидимым?

Answer 1

Похоже, проблема в том, что ваш интервал становится пустым (или его размер становится 0 (не уверен) ) после отступа текста, так как он не отображается.Поместите текст вокруг диапазона, и вы увидите, что он все еще там.

посмотрите, например, jsFiddle .

используйте display:block вместо display:inline-block.Inline-элементу не очень нравится объявление размера (ширина / высота), они сделаны так, чтобы отображалось внутри чего-то , занимая пространство в соответствии с их содержанием .