跨度没有正确对齐在Firefox

2016-01-18 121 views 3 likes

我有两个跨度被没有正确对齐在Firefox上：跨度没有正确对齐在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没有正确地对齐这些跨度？

来源

2016-01-18 Scipion

我看到在Firefox中完全对齐v43.0.4 –

请注意，填充不能在'inline'元素中工作，您应该更改为'inline-block'或'block'来使其工作。 –

@MarcosPérezGude水平填充可以与内联框一起使用（但我同意垂直填充） – user3790069

回答

Firefox与Lato并不配合。调整字体系列以匹配对方（或不使用Lato）可以解决问题。

来源

2016-01-19 10:39:04 Scipion

跨度没有正确对齐在Firefox

回答

相关问题