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配列の一般的なメソッドの詳細な説明
推薦する
Vue を使用して 2 つのデータ セットの違いを比較する視覚化コンポーネントの詳細な説明
目次必要：要点:これまでの要点に従って、コンポーネントのプロパティを確立できます。コンポーネントの基...
M1 チップに MySQL 8.0 データベースをインストールする方法 (画像とテキスト)
1. ダウンロードまず、MySQLの国内ミラーをお勧めします。特に速いわけではありませんが、それで...
熟練デザイナーの7つの原則（2）：色の使い方
<br />前回の記事：優秀なデザイナーの7つの原則（1）：フォントデザイン 英語 原文...
セマンティクス: Html/Xhtml は本当に標準に準拠していますか?
<br />原文: http://jorux.com/archives/what-is-...
CSSスクロールバースタイル設定の実装
Webkit スクロールバー スタイルのリセット1. スクロールバーには、スクロールバー ボタンとト...
CocosCreator 入門チュートリアル: ネットワーク通信
ネットワーク通信の概要オンライン ゲームを開発する場合、必然的にネットワーク通信に対処する必要があり...
フォームの送信イベントが応答しない
1. 問題の説明<br />JS を使用してフォームの送信メソッドを呼び出してフォームを...
Vue での mixin の応用について議論する
Mixin は、再利用可能な機能を Vue コンポーネント間で分散する非常に柔軟な方法を提供します。...
MySql 5.7.21 無料インストール バージョンの構成方法 (Win10 の場合)
1.インストールしたい場所に解凍し、my.iniファイルを作成します。 my.iniの内容は次のと...
HTML 固定タイトル列、タイトル ヘッダー テーブル固有の実装コード
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
vue3を使用して人間と猫のコミュニケーションアプレットを実装する
目次序文プロジェクトを初期化するデザインコードの実装オンデマンドロードオーディオを再生録音長押しイベ...
MYSQL は、指定されたユーザーのランキングとクエリを実装します。ランキング関数 (並列ランキング関数) のサンプルコード
序文この記事は主に、MYSQL でランキングを実現し、指定ユーザーランキング関数 (並列ランキング関...
mysql8.0.19 の基本データ型の詳細な説明
MySQL 基本データ型一般的な MySQL データ型の概要 ![1036857-201708011...
CSS を使用して小さな画像をプルダウンし、大きな画像と情報を表示する方法
今日は、Taobao、JD.comなどのショッピングモールでよく使われている、小さな画像の上にマウス...
Linux コマンドラインでメールを送信する 5 つの方法 (推奨)
シェル スクリプトで電子メールを作成する必要がある場合は、コマンド ラインから電子メールを送信する知...