Jquery, width方法设宽度,设置值不对怎么回事

 时间:2024-10-14 07:58:42

1、html里创建一个div,和一个按钮。

Jquery, width方法设宽度,设置值不对怎么回事

2、div设置了样式,背景色,和初始宽度是100px。

Jquery, width方法设宽度,设置值不对怎么回事

3、按钮事件很简单,使用jquery的width方法,设置div的宽度。

Jquery, width方法设宽度,设置值不对怎么回事

4、运行页面,点击按钮后,div宽度变为200,这时是正确的。

Jquery, width方法设宽度,设置值不对怎么回事

5、但如果为div设置了左右的padding值,或者marging值,border-width,等这些,就会引起问题。

Jquery, width方法设宽度,设置值不对怎么回事

6、其他代码不变,点击按钮,看现在的宽度变为220px了,本来设置的是200的,多出来的20就是左右padding的值。

Jquery, width方法设宽度,设置值不对怎么回事

7、如果有padding值该怎么设置宽度呢?使用另一个方法就可以了。使用css方法,设置width属性,如图。

Jquery, width方法设宽度,设置值不对怎么回事

8、运行页面可以看到,现在div是有padding值的,但总宽度还是设置的200px。

Jquery, width方法设宽度,设置值不对怎么回事
  • Java语言get请求中文乱码问题解决办法!
  • 图解在Windows Server2008上安装Oracle
  • oracle中一般cursor的用法
  • Windows服务的手动添加和删除方法
  • 热门搜索
    垃圾分类手抄报资料 禁毒手抄报的内容 礼仪手抄报内容 消防安全的手抄报 名言警句手抄报 六年级英语手抄报 文明用餐手抄报 三年级的手抄报 中华传统美德手抄报 食品卫生安全手抄报