ラッピングtitle属性

Firefoxはatitle属性内の単語をラップしていない。その場合にはワードラップを行う方法がラッピングtitle属性

<a title="longword"></a>

ありますか？試しました：

<a title="longword" style="word-wrap:break-word;"></a>

ただし、動作しません。

Chromeではなく、自動的にラップします。何が価値があるために

出典

2012-01-22 Simon

は、Webブラウザまでのthats。自分のツールチップを書くことを考えましたか？ –

良い解決策、私はそれについて考えなかった。 – Simon

Firefoxは、属性値をtitleのレンダリング方法から逸脱させることはできません。 cf. How can I use a carriage return in a HTML tooltip?

にtitle属性を使用して作成したツールチップは疑問ユーザビリティ（;いくつかの秒後disapperance、ユーザによって容易に増加させることができない小さなフォントなど）であるので、彼らは短い諮問タイトルのために（最大で）に適しています（主にリンク用）、ラッピングの必要はありません。

長いツールチップの場合は、CSSテクニックの使用を検討してください。または、ちょうどテキストを適切なテキストに入れてください。

出典

2012-01-22 07:44:07

私が行ったツールチップは、私が必要とするものに対してうまく機能します。 "キャリッジリターンの問題"のリンクをありがとう、私はそれについて考えなかった。 – Simon

は、title属性に改行を扱うHTML5 specificationsの一部のみの状態：title属性の値がU+000A LINE FEED (LF)文字が含まれている場合、コンテンツが複数行に分割され

。各U+000A LINE FEED (LF)文字は改行を表します。

これは望ましい解決策になることはほとんどありませんが、だからは、サーバー側でtitle属性を破ることができます。代わりに、zero width spacesを挿入することもできますが、これに対するブラウザのサポートも矛盾している可能性があります。

出典

2012-01-22 03:47:28

これは2014年8月現在のChrome、Firefox、およびIEで機能します。 title属性にを使用してください。注意してください、IEは、独自のタイトルのツールチップをラップするので、IEで余分な改行を避けるために同じ場所に改行を置くことによって、ラッピングがどのように行われ、 "エミュレート"されるかを最初にチェックすることが最善です。 –

使用することは、n個の例をエスケープ：

<input type="text" title="first line \n second line"></input>

出典

2016-07-27 17:03:03 Alaina

答えて

関連する問題