オブジェクト上にマウスを移動したときにコンテンツ(タイトル属性の内容)を折り返す方法、HTML タイトルの折り返し方法の概要。 HTML の title 属性はデフォルトで 1 行で表示されます。行を折り返すにはどうすればよいでしょうか。ここで DIVCSS5 では、誰もが共有して使用できるように 2 つの行折り返し方法をまとめ、紹介しています。 1. タイトルコンテンツを直接ラップする タイトルの内容を直接入力する場合は、「Enter」キーを押して行を折り返します。サンプルコードは次のとおりです。 コードをコピー コードは次のとおりです。<a href='https://www.jb51.net' target='_ablank' title='タイトル: DIVCSS5 著者: DIVCSS5 更新日: 2013-05-17 推奨レベル: なし キーワード: タイトル改行 ページネーション: ページネーションなし 読解レベル: 普通'>html title attribute line break</a> ブラウザ効果のスクリーンショット: ![]() マウスをリンクテキストに移動してコンテンツを折り返す効果のスクリーンショット 2. HTMLタイトルの改行コードを使用する 改行用のコードには 2 種類あり、どちらも HTML タグ内のタイトル コンテンツが表示されるときに改行を実現できます。 1. 改行コードは次のとおりです。 「 」と「 」 「 」のスペル: & (アンド記号、キーボードの数字キー 7 と一緒) + # (ポンド記号) + 10 (アラビア数字の 10) + ; (小文字のセミコロン) 「 」のスペル: & (アンド記号、キーボードの数字キー 7 と一緒) + # (ポンド記号) + 13 (アラビア数字の 13) + ; (小文字のセミコロン) 上記のデジタル入力は半角英語形式で入力する必要があります。使用時には、改行が必要な箇所で改行記号コードを 1 つ (グループ) 選択するだけです。 2. サンプルコードは次のとおりです。 コードをコピー コードは次のとおりです。<a href="https://www.jb51.net" title="1 行目 2 行目 3 行目">タイトル改行 1</a> <a href="https://www.jb51.net" title="説明 1 説明 2 説明 3">タイトル改行 2</a> <!-- HTML コメント: スクリーンショットを完全なものにするために、コードはここで囲まれています --> 3. スクリーンショットの例 ![]() サンプルコードのスクリーンショット ![]() マウスがハイパーリンクに移動すると、タイトル属性の内容が表示され、改行表示効果図が実現されます。 |
<<: 見栄えの良い CSS カスタム スタイル (タイトル h1 h2 h3)
>>: ウェブページ制作をマスターするために必要な6つのスキルのまとめ
この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...
目次1. リテラル1.1 数値リテラル1.2 浮動小数点リテラル1.3 特別な値1.4 文字列リテラ...
私は CentOS に実装された LDAP ユーザー管理を使用しています。これはインターネット上のほ...
コンピュータシステム: win7この記事は主に写真に基づいており、多くの写真が含まれていますCent...
目次1. プロトタイプ(明示的なプロトタイプ) 2. __proto__ (暗黙のプロトタイプ) 3...
目次1. Dockerを使用する利点2. Dockerをインストールする1) LinuxにDocke...
背景まず、背景を説明します。ある制約により、当社の現在のバックアップ戦略では、1 日おきにフル バッ...
1. CSS の概念: (カスケーディング スタイル シート)利点: 1. コンテンツとプレゼンテ...
序文実際のプロジェクトでは、最も一般的な処理は計算とループロジックである可能性があります。配列でre...
本日実装する機能は、以下の機能です。vue.js シミュレーションカレンダープラグインさて、もう無駄...
HTML徹底解析(14)特殊文字 ■ よく使われる特殊文字 HTMLタグを知っていれば、特殊文字の使...
コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...
インストールスクリプトUbuntu / CentOS Debian のインストールに問題があるようで...
Macノードの削除と再インストール消去 ノード -v sudo npm アンインストール npm -...
インデックスにクエリする必要があるすべてのフィールドの値が含まれている(またはカバーしている)場合、...