フォーマットとレイアウトを維持しながら、ブラウザにtxtファイルを表示しようとしています。これで、pre タグと空白の両方を使用してこれを成功させることができました。
pre タグに関する私の問題は、行の前後にスペースが追加されることです (それは必要ありません)。
空白は完全に機能しますが、切り捨てられるランダムな行 (または複数の行) がある場合があります。
私はこれを IE でのみテストしています (これはイントラネット用であり、ここにいる人々は他のブラウザーに触れないためです)。
IE でソース コードを表示すると、切り詰められた行に正しい空白タグが含まれていますが、ブラウザでは正しく表示されません。
<p style="white-space: pre;display: inline;"> Any kind of text here </p>
これはブラウザのせいですか、それとも私のミスですか？これを行うより良い方法はありますか？前のタグから行の前後のスペースを削除する方法はありますか?
皆さん、ありがとうございました
プレタグは、行の前後にスペースを追加しません。ただし、そこにあるテキスト内のスペースは除きます (Any の前に 4 つのスペース、ここの後に 1 つのスペース)。
マージンを作成している別のタグがある可能性があります。<body>デフォルトでは、8px の余白があります。
また、2つ<p>を背中合わせに配置しようとしましたが、タグを区切る改行はありませんでした。
html ファイルで以下をテストします。
<body style="margin: 0px; font-family: 'Courier New',Courier, monospace"><p style="white-space: pre;display: inline; margin: 0px;"> Any kind of text here </p><p style="white-space: pre;display: inline; "> Any kind of text here </p></body>
最後に、ここでの提案に従いました: HTML <pre> タグにより改行が発生します
欠陥なく動作しました。