HTML ツールチップをフォーマットすることは可能ですか?
たとえば、属性 title="foo!" を持つ DIV があります。ブラウザーのテキスト サイズを拡大または縮小しても、ツールヒントのテキスト サイズは変更されません。ブラウザの設定でツールチップのフォントスケールを変更する方法はありますか?
199276 次
9 に答える
91

CR、
LF、	TABなどのエンティティ コードを使用してみてください。
例えば：
<div title="1)	A
2)	B">Hover Me</div>于 2012-09-18T23:09:12.713 に答える
47
いいえ。ただし、 OverlibやjQueryなど、この自由を可能にする他のオプションがあります。
- jTip : http://www.codylindley.com/blogstuff/js/jtip/
- jQuery ツールチップ : https://jqueryui.com/tooltip/
個人的には、取るべきルートとして jQuery をお勧めします。通常は非常に目立たず、サイトのマークアップに追加の設定を行う必要はありません (ただし、<head> に jquery スクリプト タグを追加する必要があります)。
于 2009-01-27T16:40:11.757 に答える
18
それを行うにはcssとトリック（javascriptなし）を使用できるようです：
http://davidwalsh.name/css-tooltips
http://www.menucool.com/tooltip/css-tooltip
于 2010-09-22T10:29:31.613 に答える
3
いいえ、それは不可能です。ブラウザにはツールチップを実装する独自の方法があります。できることは、Javascript を使用して HTML ツールチップのように動作する div を作成し (ほとんどの場合、「ホバー時に表示」するだけです)、必要に応じてスタイルを設定することだけです。
これにより、ツールチップ div 内のテキストは実際の HTML であり、それに応じてスケーリングされるため、ブラウザーのズームインまたはズームアウトについて心配する必要はありません。
良いリソースについては、 Jonathan の投稿を参照してください。
于 2009-01-27T17:04:12.220 に答える
2
すべてのブラウザーまたはサードパーティのツールで動作するかどうかはわかりませんが、改行のツールチップで "\n" を指定するだけで成功し、少なくとも ie11、firefox、および chrome で dhtmlx で動作します
for (var key in oPendingData) {
var obj = oPendingData[key];
this.cells(sRowID, nColInd).cell.title += "\n" + obj["ChangeUser"] + ": " + obj[sCol];
}
于 2014-06-29T01:46:59.937 に答える
1
Mootoolsには、'more builder' で利用できる便利な 'Tips' クラスもあります。
于 2009-01-27T17:01:26.610 に答える