CSS重绘、回流

CSS 重绘、回流

https://juejin.im/post/5c011e0c5188252ea66afdfa
https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/24

触发页面重布局的一些css属性

• 盒子模型相关属性会触发重布局
  width
  height
  padding
  margin
  display
  border-width
  border
  min-height

• 定位属性及浮动也会触发重布局
  top
  bottom
  left
  right
  position
  float
  clear

• 改变节点内部文字结构也会触发重布局
  text-align
  overflow-y
  font-weight
  overflow
  font-family
  line-height
  vertical-align
  white-space
  font-size

优化点：使用不触发回流的方案替代触发回流的方案