首頁 > 網際網路

Jquery, width方法設寬度,設定值不對怎麼回事

2019-12-12 12:12:55

我們使用jquery為一個dom元素設定一個寬度時,有時能正確設定值,但有時設定的值和我們傳入的值不一致,這是怎麼回事?怎麼解決?下面我們來看一下。

1

html裡建立一個div,和一個按鈕。


2

div設定了樣式,背景色,和初始寬度是100px。


3

按鈕事件很簡單,使用jquery的width方法,設定div的寬度。


4

執行頁面,點選按鈕後,div寬度變為200,這時是正確的。


5

但如果為div設定了左右的padding值,或者marging值,border-width,等這些,就會引起問題。


6

其他程式碼不變,點選按鈕,看現在的寬度變為220px了,本來設定的是200的,多出來的20就是左右padding的值。


7

如果有padding值該怎麼設定寬度呢?使用另一個方法就可以了。

使用css方法,設定width屬性,如圖。


8

執行頁面可以看到,現在div是有padding值的,但總寬度還是設定的200px。



IT145.com E-mail:sddin#qq.com