Разница в форматировании IE / Firefox / Chrome - PullRequest
Новая
       16

Разница в форматировании IE / Firefox / Chrome

0 голосов
/ 15 декабря 2010

Я пытаюсь понять, почему следующее приводит к различным результатам в IE / Firefox и Chrome: 

<a href="#">ABC <span style="position: absolute;">XYZ</span></a>

В IE7 и Firefox 3.6 «ABC» подчеркивается, а «XYZ» - нет, и между ними нет видимого пространства, то есть они запускаются вместе как «ABCXYZ».

В Chrome 9 вся строка подчеркнута, и между ними есть пробел, то есть "ABC XYZ".

Очевидно, что каждый из них обрабатывает position: absolute по-своему, поэтому я пытаюсь выяснить, почему. Этот пример взят из большого фрагмента кода, где необходимо абсолютное позиционирование, поэтому я стараюсь, чтобы IE / Firefox и Chrome выглядели одинаково.

Я пытался указать text-decoration: none в промежутке, чтобы избавиться от подчеркивания на "XYZ", но Chrome просто игнорирует это.

1 Ответ

1 голос
/ 15 декабря 2010

Вы пытались использовать display:block; или display:inline-block; с пролетом?

position:absolute; могут иметь проблемы при использовании с элементом inline (который по умолчанию используется для <span>)

...