我一直在工具提示库中工作。这个想法很简单：在任何HTML元素中添加自定义数据属性（我的意思是data-），其中包含用户想要在工具提示中显示的消息，例如：
<div data-msg="Message">Hover me.</div>
当用户将鼠标悬停在元素上时，工具提示已显示它。
这是 Fiddle 。
如果您在上面的示例中看到，您会看到当用户添加带空格的消息时，浏览器会剪切空格中的单词，但是当用户添加没有空格的消息时，浏览器不会剪切单词（因为没有空格）。
我一直在尝试使用white-space，break-word和text-overflow解决问题，但他们无法解决问题。
这非常重要：我不想放一个特定的width，因为浏览器会自动计算元素的宽度。我可以解决这个问题，添加一个特定的width，但我不希望这样。
如果有人知道如何解决这个问题，我想向我解释一下这个问题的行为。
谢谢， 利奥！
答案 0 :(得分：4)