SyntaxHighlighter3.0.83 不自动换行的解决方法

发布时间:2020-01-20编辑:脚本学堂
SyntaxHighlighter3.0.83 不自动换行的解决方法

SyntaxHighlighter3.0.83 代码不自动换行,这时需要在SyntaxHighlighter的当前主题样式文件中找到:
 

复制代码 代码如下:
.syntaxhighlighter .line {
  white-space: pre !important;
}
将其注释或删除
.syntaxhighlighter .line {
  /*white-space: pre !important;*/
}
就可以实现自动换行。

例如:
 

复制代码 代码如下:
.syntaxhighlighter .line {
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 1em !important;
  min-height: inherit !important;
  min-height: auto !important;
}

当然你可能还需要修改div中的字体样式等。