ウェブサイトに表示したいPythonコードをいくつか作成しましたが、テキストをコピーして貼り付けるだけでは、HTMLがキャリッジリターンを認識せず、余分なスペースが削除されるため、テキストがほとんど読めなくなります。
それがテキストエディタまたはIDEにあるかのように、それをHTMLで表示する簡単な方法はありますか?
<pre>
または<code>
..。
おそらくCSSwhite-space
プロパティを使用することをお勧めします。例:
CSS:
div#python { white-space: pre; }
HTML:
<div id="python">
Python code
</div>
空白の処理方法についてもさまざまなオプションがあります。
この方法の利点は、スタイル情報をCSSに抽象化することです。これにより、将来編集する必要がある場合にページをより保守しやすくなります。
'code'タグでラップできます。
<code>this is my computer code</code>
要素を使用してください<pre> </pre>
-それはあなたが望むことを正確に行います