ホームページ > ウェブフロントエンド > htmlチュートリアル >
 タグのテキストを自動的に折り返すようにする                

 タグのテキストを自動的に折り返すようにする

黄舟
リリース: 2017-07-08 11:55:54
オリジナル
2537 人が閲覧しました


利用<pre class="brush:php;toolbar:false">
这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。
ログイン後にコピー
也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和<BR>等来表示空格或者回车了。
ログイン後にコピー

ただし、

 タグ内の内容はデフォルトでは範囲を超えても自動で折り返されないため、表示や印刷に支障が生じます。 </p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(69,69,69); font-family:tahoma,helvetica,arial; font-size:14px; line-height:21px">以下は、W3C 標準に準拠し、複数のブラウザをサポートする CSS スタイル コードを提供します: </p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(69,69,69); font-family:tahoma,helvetica,arial; font-size:14px; line-height:21px"><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
ログイン後にコピー

親タグに p を追加し、CSS属性を設定することをお勧めします:


word-wrap: break-word;white-space : normal
ログイン後にコピー

以上が

 タグのテキストを自動的に折り返すようにするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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