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

前端之家收集整理的这篇文章主要介绍了有没有一个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,但这不是很好.

猜你在找的CSS相关文章