問題タブ [pre]

HTMLは初めてです。次のコードを動作させようとしましたが、動作しませんでした。誰かが私を助けてくれませんか？なぜ<pre> tag内部で働いていないの<h> tagsですか？タグもコーディングしようとしましたが、うまくいきませんでした。

私は PHP を使用しており、(mysql db から) 配列にあるデータを表示したいと考えています。問題は、最初の列が常に同じ長さであるとは限らないことです。そのため、最初の列に短い文字列を含む一部の行はすべて適切に配置されますが、大きな文字列を含む行では、2 番目の列がより右に配置されます。配列は次のようになります。

私は解決策について考えました。配列[$i][0]で長い文字列の長さを取得し、X個のスペースと最後にタブを持つ変数を設定します（Xは長い文字列の長さです）が、それは機能していないようです.

これが私のコードです：

しかし、それは表示されます：

誰にもこれに対する解決策がありますか？

これをどのように変換しますか：

これに：

つまり、連続した空白行* s *（スペース/タブと複数の改行を含めることができます）を</pre></div><div><pre>

私は試した ：

部分的に動作します：各行が変更され、ブロックが失われます。

<pre>改行は\rとしてストックされていますか？\ n？（すべてのOS？すべてのブラウザー？）
これを行うための良い正規表現は何でしょうか？
あなたが私に先に進むことを提案する他の方法はありますか？

空白、タブ、改行、改行をいじりたい場合、javascriptでどのように「それらを選択」しますか?

edit : ^ラインフィードとキャリッジ リターンでは機能しません。

現在、タブは /(\t)/ で、スペースは /( )/ です。

Firefox と Opera で PRE タブ幅を設定する方法はありますが、IE や Chrome でこれを行う方法はよく知られていないため、結果として PRE タグのハードタブ コードに問題が生じます。

「pre」タグがすべての空白とタブを 1 つのスペースに折りたたむことを読みましたが、そうではありません。

なぜそうなのですか？それはWebブラウザに依存していますか、それとももっと何かをする必要がありますか?

Chromeのコードスニペットのスクリーンショットがあります。

そしてFirefoxで：

私の質問は、FirefoxでChromeの場合と同じ効果をどのように作成するのですか？コードスニペット部分はpreタグ内にあります。助けてくれてありがとう！:)

幅が可変で、幅が最長の行よりも小さい場合にスクロールバーを表示するdivをWebサイトに追加したいと思います。このような固定幅の要素を可変幅（100％）でラップしようとしましたが、うまくいきませんでした。ページ全体にスクロールバーが表示されました。

何かご意見は？

ありがとうヤロン

preタグ内の一部の C++ の出力に問題があります。

私が持っているXHTMLコードは次のとおりです。

しかし、ウェブページを表示しようとすると、

そしてそうではない

私がしたいように。

CDATA動作について理解できないことは何ですか?

データベースには、このようなコードがあります

phpQuery を使用して解析しようとすると<cstdio>、タグとして解釈されるため失敗します。

使用できますhtmlspecialcharsが、タグ内にのみ適用するにpreは、まだ解析を行う必要があります。正規表現を使用することもできますが、はるかに難しくなり (preタグの可能な属性を処理する必要があります)、パーサーを使用するという考えは、この種の正規表現を回避することでした。

私がする必要があることをするための最良の方法は何ですか?