鼠标移到a链接文字上提示内容换行效果截图

二、使用html title换行代码

使用代码换行共两种代码,均可实现html标签内">
ホームページ > ウェブフロントエンド > htmlチュートリアル > htmlリンクタグタイトル属性行折り返しマウスホバープロンプトコンテンツ行折り返しエフェクト_HTML/Xhtml_Webページ制作

htmlリンクタグタイトル属性行折り返しマウスホバープロンプトコンテンツ行折り返しエフェクト_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:39:28
オリジナル
1758 人が閲覧しました

オブジェクト上にマウスを置いたときのプロンプト内容(title属性の内容)の行折り返しと組版方法、htmlタイトル行の折り返し方法のまとめ。

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

1. タイトル内容を直接改行する

タイトル内容を直接入力する場合は、「Enter」を押して改行します。

コードをコピー
コードは次のとおりです。

< a href='http://www.jb51.net' target=' _ablank'
title='タイトル: DIVCSS5
作成者: DIVCSS5
更新日時: 2013-05-17
推奨レベル: なし
キーワード: タイトル改行
ページング方法: ページネーションなし
読み取りレベル: 通常'>html タイトル属性行折り返し

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

マウスをリンク テキストの上に移動します。 プロンプト コンテンツの行折り返し効果のスクリーンショット

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

HTMLタグ内のタイトル内容を表示する際に行折り返しを実現できるコードの行折り返しには2種類あります。

1. 改行コード:
「 」および「 」のスペル:

(および記号、キーボードの数字キー 7 と &) # (ポンド記号) 10 (アラビア数字の 10) ; (小文字のセミコロン)

" " スペル:

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

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

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




コードをコピーします。
title="1 行目 2 行目 3 行目">タイトル折り返し 1
title="説明 1 説明 2 説明 3">タイトル改行2< ;/a>



3.



コード例のスクリーンショット



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