我一直在工具提示库中工作。这个想法很简单：在任何 HTML 元素中添加自定义数据属性（我的意思是data-）以及用户想要在工具提示中显示的消息，例如：
<div data-msg="Message">Hover me.</div>
当用户将鼠标悬停在元素上时，工具提示会显示它。
这是一个小提琴。
如果您在上面的示例中看到，您会看到当用户添加带有空格的消息时，浏览器会剪切空格中的单词，但是当用户添加不带空格的消息时，浏览器不会剪切单词（因为没有空格）。
我一直在尝试用和解决问题white-space，但他们没有解决。break-wordtext-overflow
这很重要：我不想放一个特定width的，因为浏览器会自动计算元素的宽度。我可以添加一个特定的来解决这个问题，width但我不想要那个。
如果有人知道如何解决这个问题，我想解释一下这个问题的行为。
谢谢，狮子座！