位置: 编程技术 - 正文

百分比的细节--容器大小篇(百分比的介绍)

编辑:rootadmin
因为屏幕能显示的最小单位是1px,对于像*%=.5这样带数字的长度必须有所取舍。 测试页面,一些浏览器的截图标宽度也在里面 IE:按四舍五入的方式计算。 Firefox:计算后的值忽略小数部分,但会把多出的长度分配给里面的各元素。 如果只多出1px,比如2*=,剩下的1px会到其中一个元素,优先分配第一个元素,像px分配给两个%时得到的是:px和px,分配给四个%时得到的是:px、px、px和px; 而对于多出几个px,如*.3%=.,*.%=.,由于忽略掉的小数不一样,分配的原则也不一样,找不到相关资料,以下是我的猜想,三个元素的,按四舍五入的方式分配,四舍的优先分配给两边,五入的优先分配给前边两个,对于分配给三个元素以上的,多出部分自由分配,我找不到规律,但第一个一定会分配到。 FF还有一些奇怪的地方。Firefix测试页面。宽度不会自动分配,也许是因为外层也是带小数的,导致1px没分配,接着测试Firefox Opera & Safari2:计算时忽略百分比的小数部分,计算后的值忽略小数部分,如果里面的元素大于计算后的宽度不会导致后面的元素换行。 Netscape & Mozilla:计算后忽略小数,多出部分有点类似Firefox,但多出部分是比透明显示,而且比较奇怪,比如.%*3=.% 小于%,但却大于%,奇怪的浏览器,还好使用的人不多,不用过于在意这两个浏览器。 测试没完成,有兴趣的朋友帮忙测试,单独的测试页,有知道原因的朋友讲一下下

推荐整理分享百分比的细节--容器大小篇(百分比的介绍),希望有所帮助,仅作参考,欢迎阅读内容。

百分比的细节--容器大小篇(百分比的介绍)

文章相关热门搜索词:百分比的介绍,百分比的表述,百分比示例,百分比说法,百分比说法,百分比的形式,百分比的介绍,百分比的介绍,内容如对您有帮助,希望把文章链接给更多的朋友!

你不一定知道的Label的For用法 HTML中的Label标签,未接触标准的恐怕会比较陌生。即使接触了标准,很多人也只是当成一个容器,用来解释表单中的元素。概念性的东西我这里就不罗

推荐一篇利用th,colgroup,col定义表格样式 定义表格各列的样式,不用每个td都在那里加一堆的Class,利用th,colgroup,col等属性,轻松搞定^_^代码如下:styletable.Demo{border-collapse:collapse;color:#;font:1

都是IE惹的祸多浏览器兼容问题 IE7发布已经有些日子了,因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容,找到了一个解决办法,这里既是共享,也是记录。结合之

本文链接地址:https://www.jiuchutong.com/biancheng/371995.html 转载请保留说明!

上一篇:div+css详解定位与定位应用(css如何设置div位置)

下一篇:你不一定知道的Label的For用法(你不一定知道的地方)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络