Firefox中的内联块字母之间的差距

Question

请参阅演示：http://jsbin.com/evesey/41/edit

每个字母都在span元素中，整个句子与输入字段重叠，以显示差异。这仅在Firefox中引起，并且仅在spans设置为inline-block时才会导致。它们必须是inline-block。我尝试使用letter-spacing，但是当文本更改为其他内容时，这不是一个好的解决方案。

有没有办法解决这个问题？我担心这可能只是Firefox渲染内联块中无法解决的错误......

Answer 1

好的，在DEEP调查之后，我了解到Firefox在输入字段上应用了Kernnig，但在spans中没有应用单独的字母，而Chrome根本不应用任何字距，因此，呈现完美的文本比赛。我认为这是一个Chrome的错误，默认情况下不进行字距调整并不是那么明智的恕我直言。

我设法通过在打印到输入字段中的每个字符后添加零宽度空格字符\u200b，以“hacky”方式删除强制字距调整。

<强>更新： 似乎上面的技巧仍在进行字距调整，只是少了“kerned”。这不好。