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

Question

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

现在，对于这个文本，宽度就可以了(固定在 css 中)。但是，当我有一个非常小的字符串时:

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

预先感谢您的回答!

编辑:我使用 this tutorial为了实现我的目标，我的代码就是这样的(不完全是，但足够接近)。最好根据该示例提供答案，因为我的代码太大，无法在此处发布。

Answer 1

你可以用 CSS 做到这一点，只需同时使用 min-width 和 max-width 而不是 width

您也可以简单地从 CSS 中删除 width 或将其更改为 width: auto;