css：字母hover文字加粗，盒子变宽，导致文字列表抖动

解决：使用伪元素

<div 
   className="search-list-item" 
   title='aksjk'>
      aksjk
</div>

// css 样式
.search-list-item {
  height: 36px;
  
  &:hover {
    background: #4285f4;
    color: #ffffff;
    font-weight: 500;
  }
  // 为元素修复抖动
  &::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
}

jQuery 里面的attr() 方法设置或返回被选元素的属性值