У меня есть элемент с несколькими классами CSS, и это происходит примерно так:
<a href="asdad" class="icon make-default ss_sprite ss_bullet_white">Make Default</a>
хром и т.е покажи так: http://grab.by/9OXe
пока firefox показывает это так: http://grab.by/9OXs
Обратите внимание, что я выделил элемент для вас с открытым firebug (вот и все стили)
Я предпочел скриншот, а не jsfiddle (как я обычно комментировал бы людей), потому что скрининг показывает, что меня интересует: почему хром и т. Е. Показывают, что якорный блок по-разному. Я знаю, что браузеры не будут отображать вещи одинаково (особенно то есть против webkit, но для chrome и т. Е. Соглашаться - это необычно), и у меня есть reset.css (сброс 960)
Есть что-то, что я пропускаю? У меня было решение добавить ширину к классу значков, НО мне интересно, зачем мне это делать.
UPDATE
Во время написания этого вопроса у меня была возможность изменить a на:
<a href="asdad" class="icon make-default ss_sprite ss_bullet_white">Default</a>
потому что, если вы видите там черную пулю, она использовала те же классы, и это было исправлено. Проблема сейчас в том, что НИЧЕГО С ПРОСТРАНСТВАМИ в качестве текста привязки сломает вещи в IE и Chrome. Любые объяснения почему?
(Также мой код изящно деградирует, поэтому даже без стилей он должен показывать текст Make Default (я знаю, что не показываю его, используя трюк с отрицательным отступом, но в случае отсутствия css он должен показывать, что Сделать текст по умолчанию, чтобы я не планировал его максимально менять)