1. ホーム
  2. html

[解決済み] 表セルに複数行のテキストを表示する方法

2022-05-24 03:36:09

質問

データベースからテーブルのセルに段落を表示させたい。

結果は、データベースでどのように構成されているかを無視した、大きな1行になります。 例えば、「入力」(改行)は無視されます。

データベースでどのように書かれているかに従って正確に表示したい。

例えば、このような段落が保存されている場合。

hello ,
my name is x.

ではなく、きっちり表示して欲しい。

hello, myname is x.

どのように解決するのですか?

CSSの white-space:pre を適用して、適切な <td> . これを全てのテーブルセルに行うには、例えば

td { white-space:pre }

また、マークアップを変更できる場合は <pre> タグをコンテンツの周囲に置くこともできます。デフォルトでは、ウェブブラウザはユーザーエージェントのスタイルシートを使って、同じように white-space:pre ルールを適用します。

PRE要素は、ビジュアルユーザエージェントに対して、囲まれたテキストが "preformatted"であることを伝えます。プレフォーマットされたテキストを処理する場合、ビジュアル・ユーザ・エージェントは

  • 空白をそのまま残してもよい。
  • 固定ピッチのフォントでテキストをレンダリングすることができます。
  • 自動ワードラップを無効にすることができます。
  • 双方向処理を無効にしてはいけません。