[解決済み] 表セルに複数行のテキストを表示する方法
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"であることを伝えます。プレフォーマットされたテキストを処理する場合、ビジュアル・ユーザ・エージェントは
- 空白をそのまま残してもよい。
- 固定ピッチのフォントでテキストをレンダリングすることができます。
- 自動ワードラップを無効にすることができます。
- 双方向処理を無効にしてはいけません。
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] クリアフィックスとは何ですか?
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】テーブルセル内のテキストを折り返さない方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeフレームワークの使用
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] Flexbox:水平方向と垂直方向の中央揃え
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)
-
[解決済み] div内の画像の下に余分なスペースがある
-
[解決済み] テーブルセル<td>の内容を強制的に折り返すには?