5

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

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

我对 pandoc 或自定义 css 文件中的哪些地方进行了规定感兴趣 - 什么 css 属性规定了空白是否应该显着？

4

2 回答 2

4

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

于 2012-03-11T02:51:10.633 回答
0

您要查找的 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;
}

您可以在此处查看所有空白选项。

您可能感兴趣的两个是：

pre: 空白由浏览器保留。文本只会在换行符处换行。类似于 HTML 中的标签

pre-wrap: 空白由浏览器保留。文本将在必要时换行，并在换行符处

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

于 2014-04-03T07:21:18.553 回答