5

pandoc を使用して、カスタム css ファイルを介していくつかのマークダウン ドキュメントを .html に変換しています。

1つのことを除いてすべてが機能しています。私が理解していることから、テキスト 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;
}

すべての空白オプションはこちらで確認できます。

あなたがおそらく興味を持っているのは次の2つです。

pre: 空白はブラウザによって保持されます。テキストは改行でのみ折り返されます。HTML のタグのように機能します

pre-wrap: 空白はブラウザによって保持されます。テキストは必要に応じて折り返され、改行されます

私が使用している CSS には最大幅があるため、行の折り返しが発生することは珍しくありません。私は、単語の途中でラップするのではpre-wrapなく、単語をラップするを好みました。pre

于 2014-04-03T07:21:18.553 に答える