今天在使用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);