css——点击按钮时页面会出现抖动_点击页面上按钮其他元素闪动是什么原因

作者：我家小花儿 | 2024-06-30 03:56:11

踩

点击页面上按钮其他元素闪动是什么原因

vue结合element el-button点击按钮时页面会闪烁出现抖动原因：
.该元素设置了margin或padding或者border（这种情况会引起重排和重绘https://zhuanlan.zhihu.com/p/148825597）
.解决方法：添加属性box-size：border-box

css3 box-size属性允许您以特定的方式定义匹配某个区域的特定元素。
eg：假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。

语法
box-sizing: content-box|border-box|inherit;

https://www.w3school.com.cn/cssref/pr_box-sizing.asp```

1
2
3
4
5
6
7
8
9
10
11
12

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】