仅根据最大宽度包装绝对div中的内容

时间:2018-02-11 14:50:05

标签: html css absolute word-wrap

我有绝对定位div,用作白色背景的工具提示。所以他的位置是根据鼠标坐标设置的。 我希望我的工具提示有max-width但如果更小,则width应该基于内容。

如果我将max-widthwrap文字包裹在每个单词之后。

修改 这是一个使用示例 https://jsfiddle.net/miniverse_solutions/sgct5qux/

我也意识到translate3d缺失了。首先,我找到了这个例子,它的工作方式就像我想要它一样 http://jsfiddle.net/audetwebdesign/vVhWR/

接下来我意识到我的父节点有width = 0。 当我在该示例中添加width = 0时,它就像我的一样,所以我尝试在我的示例中删除相同的width = 0,但它仍然无法正常工作。看起来translate3d正在弄乱它。

1 个答案:

答案 0 :(得分:0)

由于只有一个包裹的绝对div与width = 0重现相同的问题,我觉得当两个绝对定位的div(一个在另一个内)自动将外部div宽度设置为0时。

从外部div中删除绝对定位解决了这个问题。

div body top left 0时,外部android:id的外部android:title甚至绝对是绝对的。< / p>