【问题标题】:How do I make lines of code wrap in Jekyll?如何在 Jekyll 中使代码行换行?
【发布时间】:2015-03-16 21:30:33
【问题描述】:

默认情况下,如果比框宽,所有行都会滚动,但我希望它们换行。我该如何做到这一点?

【问题讨论】:

  • 为什么这是一个 Ruby 问题?如果是 Ruby,那么您需要显示代码。事实上,我们完全不知道你在做什么,所以我们给出的任何答案都会在黑暗中拍摄。
  • @theTinMan 到底是怎么回事? Jekyll 是用 Ruby 编写的,所以我认为它可能是相关的,最诚挚的道歉。但是,我看不出这有什么令人困惑的地方,但是,对于 Jekyll 静态站点生成器,默认情况下,代码块会在发生溢出时滚动。我如何让它换行?
  • Jekyll 是用 Ruby 编写的并不重要。它可以用 C 或 C++ 编写,就像大多数操作系统一样,但你不会用这些来标记问题。如果 Jekyll 的输出在默认情况下以可接受的方式运行,除了那个细节,并且您有 CSS,那么修复可能是调整该文本区域的 CSS?但是,再一次,我们看不到您的输出是什么。
  • 这甚至不是 Jekyll 或 Pygments 问题。是 CSS 进行包装。

标签: css jekyll pygments


【解决方案1】:
pre {
    white-space: pre-wrap;
}

你也可以让你的行少于 80 个字符。

【讨论】:

  • 你会怎么做 80 个字符的事情?
  • 你自己算算。一些代码编辑器有一个标尺,你可以设置它来帮助你。
  • @DougSmith:David 只是意味着您在代码部分编写的文本每行不应超过 80 个字符。如何实现这一点取决于您。
  • 澄清一下:在 Jekyll 3 上,您需要编辑 _sass/_base.scss。查找以> code { 开头的块并添加行white-space: pre-wrap;
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-08-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-31
  • 1970-01-01
  • 2017-02-01
相关资源
最近更新 更多