2010-12-15 3 views
0

Я пытаюсь понять, почему следующие дает разные результаты в IE/Firefox и Chrome:разница Форматирование между 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 просто игнорирует это.

+0

Пытались ли вы ``   вместо пробела после «ABC»? Это может помочь в решении проблемы с интервалом. – 2010-12-15 15:57:57

+0

Это правда. К сожалению, я пытаюсь понять подчеркивание больше, чем интервал, так как я использую абсолютное позиционирование для перемещения диапазона точно там, где я его хочу. Я разместил шаг в качестве другого примера того, как разные браузеры отображали один и тот же код по-разному, но это определенно один из способов заставить интервал вести себя. – gfrizzle 2010-12-15 16:04:22

ответ

1

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

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

Смежные вопросы