我正在使用
JQuery以编程方式更改border-bottom-width,这很好.但是,当使用JQuery重新读取属性时,我会跨浏览器获得不一致的结果.例如,
<td style="border-bottom: 30px solid rgb(199, 72, 72); line-height: 1px; font-size: 1px;">
当通过Jquery使用时查询:
$('#element1').find('td').css('border-bottom-width');
Chrome(版本33.0.1750.154 m)返回30px,但在Firefox(版本28.0)和IE11返回15px.
在这里展示了一个小提琴:http://jsfiddle.net/ceepster/tC9an/
边框宽度在浏览器中正确呈现
任何人都有任何想法,为什么这和我可以使用任何变通方法可靠地跨浏览器进行报告?
最佳答案 作为@Allyanora,我试图描述它为什么会发生:
由于不同的浏览器以不同方式应用td元素的显示属性,因此需要将display属性应用于块值.有关清晰视图,请参见下图: