Bootstrap

Jquery取值宽度与实际值不对

今天在使用jquery取一个按钮的宽度代码如下:

$("#button").width();

取出来的值是7.但是在css样式中我设置的是25。

怎么也想不明白,后来找了需求,的到了答案。

浏览器会默认给按钮添加一些padding,在获取值的时候,会减去这些padding所以为7.

在css中设置padding:0px;就可以了。

获取出来的值是23.还是偏差了2个像素,有想了一下,是边框的问题,左右各位1就是2.

有两种解决方案:

一:设置border:0px;,这个可能有需要在设置一个背景图片。

二:所有获取的宽度,加上border的值*2,如你的宽度是180,你的border是1,那么计算公式为

180+(1*2);

;