我已经创建了一个自定义的css工具提示,但是工具提示的宽度非常窄(每行只有1-2个单词)。
Fiddle example of the problem
我希望工具提示的大小是动态生成的,因为我将在几个具有不同长度文本的地方使用它(文本也可能在稍后更改)。我需要它是动态的另一个原因是它需要允许浏览器大小调整和移动视图。
我做了一些研究,并尝试(不限于)以下特性:

width: auto; /*doesn't change anything*/
max-width: ;/*max and min not useful as I want it to be dynamic*/
min-width: ;
white-space: normal; /*neither change anything*/
text-wrap: normal;

以上这些似乎都不能给我一个解决办法。
我不能在这个项目中使用bootstrap,但是如果这提供了一个可能的解决方案,我可以添加JavaScript。
提前谢谢你的帮助。

最佳答案

解决办法是将position: absolute;改为position: relative。然而,这却扰乱了其他一些需要修复的依赖样式。
推理:绝对值需要设置宽度,而相对值可以是动态的。

关于javascript - CSS工具提示无法很好地调整大小和包装,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32965489/

10-11 22:22
查看更多