有没有一个CSS解决方法为Firefox的bug：内嵌块的第一个字母与大小更改

最好在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,但这不是很好.

原文地址：https://www.jb51.cc/css/217050.html