Question

我正在使用pandoc通过自定义css文件将一些降价文档转换为.html。

除了一件事，一切都在起作用。根据我的理解，backticks ``中的文本应该是空格重要的，因为它通常是代码内部。就我而言，它不是 - 换句话说，它看起来就像普通的其他文本。

我对pandoc或自定义css文件中规定的位置感兴趣 - css属性调节空白区域是否显着？

Answer 1

Pandoc会将文本放在HTML <code>标记内的反引号之间。忽略前导和尾随空格（如Markdown.pl），但保留内部空格。换行符被视为空格。检查HTML源代码以确保您拥有<code>标记。如果不这样做，那么您的降价来源可能存在问题。另外，请检查以确保您没有链接到覆盖<code>标记的默认设置的CSS。

Answer 2

您正在寻找的css属性是white-space。

我遇到了同样的问题，这是因为这个css：

pre {
  white-space: pre-line;
}

要解决此问题，我已将white-space: pre-wrap;添加到code规则：

code {
  font-family: "Menlo", "Courier New", "Courier", monospace;
  font-size: 0.85rem;
  border: 0.0625rem solid rgba(255,255,255,0.7);
  background-color: rgba(255,255,255,0.5);
  border-radius: 2px; color: #2DAB5F; /* #2DAB5F */
  text-shadow: none;
  white-space: pre-wrap;
}

您可以看到所有white-space options here。

您可能感兴趣的两个是：

pre ：浏览器会保留空格。文本仅包含换行符。像HTML中的标记一样

pre-wrap ：浏览器会保留空格。文本将在必要时包装，并在换行符

我正在使用的css具有最大宽度，因此线条包装发生的情况并不少见。我更喜欢pre-wrap，它包含在单词上，而不是pre，它将包裹在一个单词的中间。

pandoc / markdown中的重要空白区域通常在哪里受到监管？

2 个答案: