微信小程序CSS汇总

一、图片设置圆角会先闪一下才变成圆角

当我们通过某些行为触发页面进行大面积绘制的时候，浏览器由于没有事先准备，应付渲染够呛，于是掉帧，于是卡顿。而 will-change 则是真正的行为触发之前告诉浏览器：“我待会儿就要变形了”。于是乎，浏览器把 GPU 给拉上了，从容应对即将到来的变形。

image {
  will-change: transform
}

二、去除button、input默认样式

不管有没有 class 都可以这么写

button::after {
  border:none;
}
input {
  outline:none;
  border:none;
  list-style: none;
}

三、图文混排，图片与文字居中对齐

image {
  vertical-align: text-bottom;
}

四、CSS总结div中的内容垂直居中的六种方法

https://www.cnblogs.com/moqiutao/p/4807792.html