preタグを自動的に折り返すためのサンプルコード
|
pre 要素は、フォーマット済みのテキストを定義します。 pre 要素で囲まれたテキストでは、通常、スペースと改行が保持されます。テキストも等幅フォントで表示されます。 <pre> タグの一般的な用途は、コンピュータのソース コードを表すことです。技術ブログでは、コードを出力したり、コードを強調表示したりするために、pre タグがよく使用されます。デフォルトでは、pre タグ内のコンテンツは、範囲を超えても自動的に折り返されません。 <pre> タグ内のコンテンツを自動的に折り返し、W3C 標準に準拠させる方法は次のとおりです (複数のブラウザでサポートされています) コードをコピー コードは次のとおりです。前{ white-space:pre-wrap; /* css3.0 */ white-space:-moz-pre-wrap; /* Firefox */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ word-wrap:break-word; /* Internet Explorer 5.5+ */ } 例： コードをコピー コードは次のとおりです。pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*これは非常に長いコードです。コードを折り返しているのがわかりますか? */ |
<<: MySQL テーブル結合クエリでグループ化と重複排除を実装する例
>>: JavaScript配列の一般的なメソッドの詳細な説明
推薦する
メタ情報に基づいて時間指定のページ更新またはリダイレクトを実装する
メタを使用して、ページの時間指定更新またはジャンプを実装します。 XML/HTML コードコンテンツ...
React コンポーネント間で通信する 3 つの方法 (シンプルで使いやすい)
目次1. 親子コンポーネント通信2. クロスレベルコンポーネント通信1. レイヤーごとに値を渡す2....
Linux ユーザー グループと権限の概要
ユーザーグループLinux では、すべてのユーザーはグループに属する必要があり、Linux には次の...
Vueにおける混合継承の詳細な説明
目次混合継承の影響: 1. 継承Vue.extend メソッドプロパティを拡張する2. ミックスイ...
MySQL グループ化クエリと集計関数
概要私たちは、双十一に天猫で化粧品を購入する人の平均支出額を知りたい（商品の価格帯を見つけるのに役立...
ミニプログラムはミニプログラムクラウドを使用してWeChatの支払い機能を実装します
目次1. WeChat Payを開く1.1 アフィリエイト加盟店番号1.2 加盟店番号を追加する1....
近々ブラウザに導入される CSS :is() と :where() の簡単な分析
Safari (Technology Preview 106) および Firefox (バージョン...
MySQL における制限関数と合計関数の混在使用の問題の詳細な説明
序文今日、注文データを同期した後、同僚は、合計注文金額とデータソースの合計金額に差があったため、LI...
実稼働環境でのNginx高可用性ソリューションの実装プロセスの分析
準備： 192.168.16.128 192.168.16.129 2 台の仮想マシン。 Nginx...
SQL Server データベース エラー 5123 の解決方法
なぜなら、SQL Server 2005 に基づくデータベース チュートリアルがあり、そこで使用され...
エージェントを介したzabbix監視プロセスとポートの詳細なプロセス
環境の紹介オペレーティングシステム: Centos 7.4 Zabbix バージョン: zabbix...
MySQLデータベースが予期せずクラッシュし、テーブルデータファイルが破損して起動できなくなる問題を解決します。
問題： MySQL データベースが予期せずクラッシュしたため、データベースを起動できませんでした。エ...
Reactでコンポーネントロジックを共有する3つの方法
簡単に説明すると、これら 3 つの方法は、レンダリング プロップ、高階コンポーネント、カスタム フッ...
nginx を使用して正規表現で指定された URL リクエストを傍受する方法
nginx サーバーnginx は、静的ファイルの処理に非常に効率的な優れた Web サーバーです。...
CSS3 境界効果
CSSとは# CSS (Cascading Style Sheets の略) は、「カスケーディング...