当前位置:  开发笔记 > 前端 > 正文

在Firefox中使用十进制值计算宽度,但在Webkit中没有小数

如何解决《在Firefox中使用十进制值计算宽度,但在Webkit中没有小数》经验,为你挑选了0个好方法。

我在使用不同浏览器的HTML,CSS时遇到了一个奇怪的问题:Firefox 3.6和Webkit浏览器(Chrome和Safari).

我的HTML看起来像这样:

ALL A B C

我的CSS是......

.ln-letters a { 
    font-family: 'Lucida Grande';
    font-size:14px;
    display:block;
    float:left;
    padding:0px 7px;
    border-left:1px solid silver;
    border-right:none;
    text-decoration:none;
}

因此,您可以猜测,每个锚点根据其内部文本获得不同的宽度.例如,具有文本"ALL"的第一个元素将比其他元素更大(更宽).

现在问题是在Firefox中(使用Firebug)我可以看到第一个元素的计算宽度是26.5667px,而在Chrome中(使用Chrome的开发人员工具),同一元素的计算宽度恰好是27px.

因此div.ln-letters在每个浏览器中以不同的宽度结束,这给我带来了一些麻烦.

问题是:有什么办法可以避免Firefox计算十进制值吗?或相反:迫使Chrome计算小数值?

先感谢您!

推荐阅读
郑小蒜9299_941611_G
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有