ホームページ  >  記事  >  ウェブフロントエンド  >  HTML タイトルを折り返す方法。たとえば、リンク タグ内の title 属性にマウスを置くと、コンテンツが折り返されます。

HTML タイトルを折り返す方法。たとえば、リンク タグ内の title 属性にマウスを置くと、コンテンツが折り返されます。

WBOY
WBOYオリジナル
2016-06-24 11:47:011294ブラウズ

オブジェクト上にマウスを置くと、プロンプトの内容(title属性の内容)が改行形式で表示されます htmlタイトル改行メソッドのまとめ。

HTML の title 属性はデフォルトで 1 行で表示されます。行を折り返すにはどうすればよいですか? ここで DIVCSS5 は、誰もが共有して使用できる 2 つの行の折り込み方法をまとめて紹介します。


マウスがHTMLリンクの上を通過したときのタイトルコンテンツの行折り返し効果のスクリーンショット

1. タイトルコンテンツの直接行折り返し - TOP

タイトルコンテンツを直接入力すると、「Enterキー」で折り返しますサンプルコードは次のとおりです:

                <a href='http://www.divcss5.com/jiqiao/j510.shtml' target='_ablank'              title='标 题:DIVCSS5              作 者:DIVCSS5              转 贴 自:CSS原创              更新时间:2013-05-17              推荐等级:无              关键字:title换行              分页方式:不分页              阅读等级:普通'>html title属性换行</a>       

ブラウザ効果のスクリーンショット:


コンテンツを折り返すようにマウスをリンクのテキスト上に移動します

2. HTML タイトル行の折り返しコードを使用します。

コード折り返しを使用するコードは2つあり、どちらもhtmlタグ内のタイトル内容を表示する際に行折り返しを実現できます。

1. 改行コードは次と一致します:
" " および " "

" " スペル:

& (および記号 、キーボードの数字キー 7 を一緒に &) + # (シャープ記号) + 10 (アラビア数字の 10) + ; (小文字のセミコロン)

" " スペル:

& (と記号、キーボードの数字キー 7 を一緒に &) + # (ポンド記号) + 13 (アラビア数字 13) + ; (小文字のセミコロン)

上記の数字はすべて半角英語で入力する必要があります モード入力。使用する場合は、改行が必要な箇所に任意の種類(グループ)の改行記号コードを選択するだけです。

2. サンプル コードは次のとおりです:

                <a href="http://www.divcss5.com/jiqiao/j510.shtml"              title="第一排&#10;第二排&#10;第三排">title换行1</a>              <a href="http://www.divcss5.com/jiqiao/j510.shtml"              title="说明一&#13;说明二&#13;说明三">title换行2</a>              <!-- html注释: 这里为了截图完整,对代码进行换行 -->       

3. サンプル スクリーンショット

サンプル コードのスクリーンショット

行の折り返しを実現するために、タイトル属性のコンテンツを表示します。表示効果図

オンラインデモ: デモ事例を見る

3. 関連資料 - TOP

1. html 行折り返し

2. html title title タグ
3. html br
4. html p
5. css 行折り返し
6. CSS 行折り返しなし
7. HTML リンク
8. タイトルが表示される場所

転載する必要がある場合は、記事の出典とソース URL を明記してください: http://www.divcss5.com/jiqiao/ j510.shtml


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。