2016-01-18 2 views
3

У меня есть два пролетов быть не выровнен Firefox:Пролетов не выровнен светлячок

.foo { 
 
    padding : 3px 8px; 
 
}
<span class='foo' style='background-color:blue; font-family: Arial'>FOO</span> 
 
<span class='foo' style='background-color: green; font-family: Lato'>BLAH</span>

Это прекрасно на всех браузерах IE и Chrome, но по некоторым причинам на Firefox , левый интервал не выравнивается с правым пролетом. Похоже, что правый промежуток - это слишком много пикселей в сторону дна.

Если я удалю класс foo, он работает, но почему в мире firefox не выравнивает эти интервалы правильно?

+1

Я вижу идеально выровненную в firefox v43.0.4 –

+2

Обратите внимание, что paddings не работает в элементе 'inline', вы должны изменить на' inline-block' или 'block', чтобы сделать работу. –

+0

@ MarcosPérezGude горизонтальные прокладки действительно работают с встроенными ящиками (но я согласен с вертикальной прокладкой) – user3790069

ответ

0

Firefox не играет хорошо с Lato. Адаптация семейства шрифтов для соответствия друг другу (или без использования Lato) решит проблему.

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