jquery – html元素的宽度是否小于各个子元素的宽度之和?

发布时间:2020-07-30 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jquery – html元素的宽度是否小于各个子元素的宽度之和?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsfiddle.net/3BFGU/71/

html父元素的宽度(使用1 $(el).width()1计算)小于子元素的组合宽度.

>仅在Firefox中发生.

知道为什么会发生这种情况吗?

解决方法

可能的是,总宽度是宽度的总和,并且这些分数宽度先前以某种方式舍入.此总和不等于容器的宽度.我发现更多的元素产生更多的不准确性,例如5个元素的3个像素差异.

实际上,内联文本块可以具有分数宽度,例如10.6px.因此,连续放置的三个块将占用31.8px≈32px.但是当每个宽度舍入到≈11px* 3 = 33px时.这是一个像素差异. http://jsfiddle.net/3BFGU/86/

注:仅当font-size>时,Firefox的字体渲染引擎才开始使用子像素字母放置. 15px(至少适用于Verdana,Arial和Segoe UI,它们都有极端暗示).当少于每个字母具有整数宽度值并且字符串中的所有相同字母具有完全相同的光栅图像时.这种行为清晰可见字母间距:.9px;并在font-size:14.9px之间切换;和font-size:15.1px;

除此之外,一年前我做了a little playground来测试不同浏览器的渲染引擎.

总结

以上是脚本之家为你收集整理的jquery – html元素的宽度是否小于各个子元素的宽度之和?全部内容,希望文章能够帮你解决jquery – html元素的宽度是否小于各个子元素的宽度之和?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!