如何动态设置工具提示宽度？

Question

我想创建一个根据文本长度具有灵活大小的工具提示.例如,我有以下工具提示:

现在,对于这个文本,宽度是OK(在CSS中修复).但是,当我有一个非常小的字符串:

工具提示看起来太大了.我的问题是:如何根据文本长度使工具提示灵活？有没有办法在.css中这样做呢？我使用d3.js,所以从这个角度来看也是可以接受的.

提前谢谢你的回答!

编辑:我使用本教程来实现我的目标,我的代码是这样的(不完全,但足够接近).最好根据该示例提供答案,因为我的代码太大而无法在此处发布.

Answer 1

你可以用CSS做到这一点,只需使用min-width和max-width一起代替width

您也可以直接width从CSS中删除或将其更改为width: auto;