1、css：解決滾動條右下角出現(xiàn)的白塊

::-webkit-scrollbar-corner { background-color: transparent; }

2、css：預(yù)占滾動條，div從不能滾動到可以滾動，滾動條所占位置保持不變

scrollbar-gutter: stable;

3、Error: error:0308010C:digital envelope routines::unsupported（vue2項目報錯）

要修改項目的 package.json 文件，示例如下：
（1）在里面新建一個命令 dev_t （名字自己隨意?。?，加上相關(guān)的指令
（2） "dev_t": "set NODE_OPTIONS=\"--openssl-legacy-provider\" & npm run dev\n"

4、滾動到指定的元素位置

document.getElementById("targetElementId").scrollIntoView({behavior: "smooth"}); 
//smooth，平滑滾動效果； auto，無動畫效果

5、圖片灰度

filter: brightness(80%); 
 -webkit-filter: brightness(80%); 

6、文本行數(shù)限制

CSS屬性max-lines是一個提案階段的屬性，并不是所有瀏覽器都支持。如果你在CSS中使用了max-lines屬性，并且在瀏覽器中測試時它不生效，可能是因為你的瀏覽器還不支持這個屬性。
（1）檢查瀏覽器兼容性：確保你的瀏覽器支持max-lines屬性。目前，大多數(shù)現(xiàn)代瀏覽器都不支持這個屬性。
（2）使用其他方法：如果你需要限制元素的文本行數(shù)，可以使用其他CSS方法，如line-clamp（一個較為通用的限制文本顯示行數(shù)的方法，但需要與display: -webkit-box和-webkit-box-orient: vertical等WebKit引擎的特定顯示屬性一起使用）。

.element {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制在3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}