最好在Firefox:
http://jsfiddle.net/kizu/btdVd/中看到自己的错误
和bug filled in 2007 on bugzilla.
当您使用display:inline-block添加:: first-letter伪元素时,会出现该错误,然后更改此第一个字母的字体大小.
第一个之后的一个单词中的更多字母:添加更多的额外空间(或减去 – 如果字体大小小于块).
添加浮点数:左到第一个字母反转错误:更大的字体大小内嵌块的宽度缩小.
所以,问题是:这个bug有没有任何CSS唯一的解决方法?这有点杀了我
解决方法
我发现在整个页面(或任何有问题的块)触发回流修复了问题,所以我已经找到了一种方法来触发它在每一个这样的块与一次性CSS动画:
http://jsfiddle.net/kizu/btdVd/23/
尽管如此,虽然这种修复在渲染中没有任何缺点,但还有其他一些:
>它只适用于Fx5(支持动画);
>它仍然闪烁原始的bug几毫秒,所以它可能有点闪烁.
所以,这不是一个理想的解决方案,但是当Fx4-将过时时会有所帮助.当然,你可以用JS触发这样的修复onload,但这不是很好.