お探しのCSSプロパティはwhite-space
です。
私は同じ問題を抱えていたし、それが原因で、このCSSであった:
pre {
white-space: pre-line;
}
それを修正するために、私はcode
ルールにwhite-space: pre-wrap;
を追加しました:
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。あなたはおそらく興味を持っている
2は、以下のとおりです。
pre
:空白は、ブラウザによって保存されます。テキストは改行でのみ折り返します。 HTMLのタグのようになります
pre-wrap
:空白はブラウザによって保持されます。必要に応じて改行してテキストを折り返します。
私が使用しているCSSは、行の折り返しが発生するのは珍しいことではありません。私はpre-wrap
を推奨しましたが、これは単語の途中で折り返されるpre
と反対です。
私はカスタムCSSファイルを使用していますが、空白は保存されていないようです。理由を知らない。 – Rook