简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTMLテキストの行折り返しを実装するにはどうすればよいですか? (コード例)

藏色散人
リリース： 2018-08-09 17:17:15
オリジナル
11273 人が閲覧しました

HTML での行の折り返しは実装するのが簡単な機能ですが、初心者にとっては覚えられなかったり、開始方法がわからない場合があります。そこで、この記事では、HTML テキストの行折り返しを実装する方法を簡単に紹介します。もちろん、コード内でテキストの段落を記述する直接的な方法もあります。コード内で直接 Enter キーを押して行を変更することもできます。ただし、このタイプの改行は Web ページにレンダリングするときに認識されません。本当に行を変更したい場合は、コードの段落にタグを挿入して強制的に改行することができます。

HTML テキスト行の折り返しの具体的なコード例は次のとおりです: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html文本换行测试</title>
</head>
<body>
<p>php中文网(php.cn)提供大量免费、原创、高清的php视频教程,<br />在学习的时候可以直接在线修改示例,<br />查看php执行效果是本站的一大特色,php从入门到精通，一站式php自学平台。</p>
</body>
</html>
ログイン後にコピー

効果は次のとおりです:

HTMLテキストの行折り返しを実装するにはどうすればよいですか? (コード例)

それで、この記事では、特定の HTML 行折り返しコードの実際のテスト導入を示します。困っている友達の役に立ちます！

注:

1. すべてのブラウザは HTML の改行タグ
をサポートしています。

2. その定義と使用法:


は単純な改行を挿入できます。


タグは空のタグです (終了タグがないことを意味するため、これは誤りです:
)。 XHTML では、開始タグ内に終了タグを配置します (例:
)。


タグは単に新しい行を開始しますが、ブラウザは通常、

タグに遭遇すると、隣接する段落の間に垂直方向のスペースを挿入します。

3. HTML と XHTML の違い

HTML では、
タグには終了タグがありません。

XHTML では、
のように
タグを正しく閉じる必要があります。

以上がHTMLテキストの行折り返しを実装するにはどうすればよいですか? (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html文本换行
ソース：php.cn
前の記事：HTML、CSS、JSを使用して折りたたみメニューを実装するコード 次の記事：HTML ファイル作成の主な構造は何ですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
window.open() と data を使用して計算ドキュメントを開きます: スキーム 計算された HTML ドキュメントを生成するブラウザーで実行される Web ページがあり、それを新しいブラウザー タブで開きたいと考えています。シンプルで汚い方法は、これを行うこと...
から 2024-04-06 15:06:34
0
1
378
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！