Hexo Next主题 禁用代码段.code pre滚动条以及自动换行
解决以下问题:
- Hexo 插入代码段有时候会显示垂直滚动条导致无法滚动问题
- 超出边框会显示横向滚动条难看问题
第一步:
打开这个文件 themes\next\source\css_common\components\highlight\highlight.styl
第二布:
按下面代码修改样式
.code pre {
// width: 100% 注释这句或者下面两句,解决有时候会显示垂直滚动条问题
padding-left: 10px
padding-right: 10px
background-color: $highlight-background
white-space: pre-wrap //自动换行,不显示横向滚动条
word-wrap: break-word //自动换行,不显示横向滚动条
}