一些常见的样式需求整理（待更新）

1. 限制2行文字 超出显示省略号 兼容字母和数字

   .div{
       white-space: normal;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       word-break: break-all;
   }

    

2. 谷歌浏览器 滚动条样式美化 变细且贴在浏览器边框上

       /*美化chrome滚动条*/
       ::-webkit-scrollbar {
           width: 7px;
           height: 7px;
           -webkit-border-radius: 5px;
       }
   
       ::-webkit-scrollbar-track-piece {
           -webkit-border-radius: 5px;
       }
   
       ::-webkit-scrollbar-thumb:vertical {
           background-color: rgba(0, 0, 0, .10);
           -webkit-border-radius: 5px;
       }
   
       ::-webkit-scrollbar-thumb:horizontal {
           background-color: rgba(0, 0, 0, .10);
           -webkit-border-radius: 5px;
       }
   
       ::-webkit-scrollbar:hover {
       }
   
       ::-webkit-scrollbar-thumb:hover {
           background-color: rgba(0, 0, 0, .15);
       }