私はツールチップライブラリで働いています。アイデアは簡単です: 任意の HTML 要素にカスタム データ属性(data-つまり ) を追加し、ユーザーがツールチップに表示したいメッセージを追加します。次に例を示します。
<div data-msg="Message">Hover me.</div>
ユーザーが要素の上にマウスを置くと、ツールチップが表示されます。
これがFiddleです。
上記の例を見ると、ユーザーがスペースを含むメッセージを追加すると、ブラウザーはスペース内の単語を切り取りますが、ユーザーがスペースなしでメッセージを追加すると、ブラウザーは単語を切り取らないことがわかります (スペースはありません）。
white-space、break-wordおよびの問題を解決しようとしていますtext-overflowが、解決しません。
これは非常に重要ですwidth。ブラウザーが要素の幅を自動的に計算するため、特定の を入れたくありません。特定のものを追加することでこの問題を修正できますwidthが、それは望ましくありません。
この問題を解決する方法を誰かが知っている場合は、この問題の動作について説明したいと思います。
ありがとう、レオ！