引入的代码块过长的话，会显示滚动条，怎么让其在打印的时候不显示滚动条能看到完整代码呢

[lightlogic5]

引入的代码块过长的话，会显示滚动条，怎么让其在打印的时候不显示滚动条能看到完整代码呢

[shd101wyy]

Hi @lightlogic5 ，把你的文件发我看看？

[lightlogic5]

@shd101wyy 就像是这样 因为用a4纸打印出来，代码显示不全，下边还有滚动条，不知道怎么解决，多谢了

[shd101wyy]

@lightlogic5 抱歉我回复你晚了。 你可以 cmd+shift+p 运行 Markdown Preview Enhanced: Customize Css 命令打开 style.less 文件，然后编写如下

.markdown-preview.markdown-preview {
    // 如果你想要预览也没有滚动条
    pre {
      white-space: pre-wrap;
      word-break: break-all;
      overflow: hidden;
    }

     // 这面的是打印用的
    @media print {
      pre {
        white-space: pre-wrap;
        word-break: break-all;
        overflow: hidden;
      }
  }
}

[lightlogic5]

@shd101wyy 感谢您的回复，现在不显示滚动条了，但是代码也不显示全了，这是导出的html文件的截图

[shd101wyy]

你把我发你的代码全加到 style.less 里面了吗？

On Thu, Apr 5, 2018, 7:30 PM lightlogic5 notifications@github.com wrote:

@shd101wyy https://github.com/shd101wyy 感谢您的回复，现在不显示滚动条了，但是代码也不显示全了，这是导出的html文件的截图 [image: mac_04-06_08-29-20] https://user-images.githubusercontent.com/12095814/38398208-ae0559a6-3974-11e8-94cb-ee04df37f009.jpg

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/shd101wyy/vscode-markdown-preview-enhanced/issues/1654, or mute the thread https://github.com/notifications/unsubscribe-auth/AB0gf9Kc_FHE2ngVhNoH14uzYQH0xvfkks5tlrcbgaJpZM4SrlrV .

[lightlogic5]

@shd101wyy 是啊

[shd101wyy]

可否把你的 markdown 源文件发我一下？

[gujunhk]

这个修正措施，必须指定代码的语言，才能生效。不指定的话，就会出现“不显示滚动条了，但是代码也不显示全”的情况。

[hauturier]

请教一个问题。当按照上面的流程修改style.css文件后，开启代码显示行号，会发生行号错乱的问题。截图如下：

[jiujiubad]

请问各位，这个问题现在解决了吗

[niulihang]

这两天重新看到了这个问题，按照 @shd101wyy @@提供的方法已经解决，非常感谢！ @jiujiubad

采用的是prince方式导出pdf。

未添加特殊设置的css，

markdown内容，

导出后的pdf，

按照 @shd101wyy 的建议，设置css，

重新导出pdf后，显示如下，

完成！

[AnyaReese]

我在修改了 less 代码之后，选择使用 Prince 打印，仍然出现代码显示不全的问题；试图修改了 overflow 的几个属性，但是只有显示溢出页面和显示不全两种情况。 预期结果：它在一行不能完整显示时能够自动进行换行

我的 .less 代码：

.markdown-preview.markdown-preview {
  // modify your style here
  // eg: background-color: blue;
  font-family: Microsoft YaHei;
  /* prince设置参数 */
  &.prince {
    /* 添加页码 */
    @page {
      @bottom {
        font-family: 'Times New Roman';
        content: counter(page) " / " counter(pages)
      }
    }
  }

  @media print {
    /* 打印时隐藏页码 */
      pre {
        white-space: pre-wrap;
        word-break: break-all;
        overflow: hidden; // 有哪些属性值：visible | hidden | clip | scroll | auto | inherit
      }
  }

}

我的打印显示：

[Chrstn-n]

@AnyaReese 不知道你解决了没有，我加了个code就可以了:

.markdown-preview.markdown-preview {
  // modify your style here
  // eg: background-color: blue;

  // 自动换行：预览用
  pre, code {
    white-space: pre-wrap;
    word-break: break-word;
    overflow: hidden;
  }

   // 自动换行：打印用
  @media print {
    pre, code {
      white-space: pre-wrap;
      word-break: break-word;
      overflow: hidden;
    }
  }
}