ホームページ > ウェブフロントエンド > CSSチュートリアル > 「」タグでテキストを折り返すにはどうすればよいですか?

「」タグでテキストを折り返すにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-13 15:30:15
オリジナル
814 人が閲覧しました

How to Make Text Wrap in a `` Tag?

 でテキストの折り返しを有効にする方法タグ</strong></p>
<p><pre class="brush:php;toolbar:false">タグは、コード ブロックを表示し、HTML で出力をデバッグするために不可欠なツールです。ただし、デフォルトでは、<pre class="brush:php;toolbar:false"> 内のテキストはタグは複数行にわたって折り返されないため、長くて扱いにくい出力が作成される可能性があります。</p>
<p>これに対処するには、CSS の空白文字とワードラップのプロパティを利用できます。</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
ログイン後にコピー

これらのプロパティは、テキストを

 内で折り返すようにブラウザに指示します。タグを使用して、元の書式を維持しながら、使用可能な幅内に収まるようにします。これらのプロパティのサポートはブラウザーによって異なるため、互換性を最大限に高めるために複数の宣言を含めることをお勧めします。

以上が「」タグでテキストを折り返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート