VuePress 控制文件內的代碼自動換行

VuePress 控制文件內的代碼自動換行

最近搞Vuepress發現有些代碼比較長，而我不想給它敲換行。然後就搞了一個自動換行的樣式。就搞定了。下面一起來看看。

核心樣式white-space: pre-wrap;

在新建一個樣式文件index.scss，目錄結構如下：

> .vuepress
  > styles
    > index.scss 

添加樣式：

.page {
    pre{
        white-space: pre-wrap;
    }    
}

就這樣大功告成！看看效果對比！

加樣式前

加樣式後

花絮

剛開始試了好多，搜了好多但是沒有找到好使的，最後搜到了一片文章 參考了怎麼調整樣式，然後修改成功了。

試錯

pre { white-space: pre-wrap; }  // 試錯1
:root{ white-space: pre-wrap; } // 試錯2