オブジェクト上にマウスを置くと、プロンプトの内容(title属性の内容)が改行形式で表示されます htmlタイトル改行メソッドのまとめ。
HTML の title 属性はデフォルトで 1 行で表示されます。行を折り返すにはどうすればよいですか? ここで DIVCSS5 は、誰もが共有して使用できる 2 つの行の折り込み方法をまとめて紹介します。
マウスがHTMLリンクの上を通過したときのタイトルコンテンツの行折り返し効果のスクリーンショット
タイトルコンテンツを直接入力すると、「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タグ内のタイトル内容を表示する際に行折り返しを実現できます。
1. 改行コードは次と一致します:
"
" および "
"
" " スペル:
& (および記号 、キーボードの数字キー 7 を一緒に &) + # (シャープ記号) + 10 (アラビア数字の 10) + ; (小文字のセミコロン)
" " スペル:
& (と記号、キーボードの数字キー 7 を一緒に &) + # (ポンド記号) + 13 (アラビア数字 13) + ; (小文字のセミコロン)
上記の数字はすべて半角英語で入力する必要があります モード入力。使用する場合は、改行が必要な箇所に任意の種類(グループ)の改行記号コードを選択するだけです。
2. サンプル コードは次のとおりです:
<a href="http://www.divcss5.com/jiqiao/j510.shtml" title="第一排 第二排 第三排">title换行1</a> <a href="http://www.divcss5.com/jiqiao/j510.shtml" title="说明一 说明二 说明三">title换行2</a> <!-- html注释: 这里为了截图完整,对代码进行换行 -->
3. サンプル スクリーンショット
サンプル コードのスクリーンショット
行の折り返しを実現するために、タイトル属性のコンテンツを表示します。表示効果図
3. 関連資料 - TOP
2. html title title タグ
3. html br
4. html p
5. css 行折り返し
6. CSS 行折り返しなし
7. HTML リンク
8. タイトルが表示される場所