jquery - 是否可以只 overflow hidden 的文本而不 overflow hidden 的子绝对 div？

Question

我正在尝试使用树状列表实现侧边栏。我希望树中的每个元素只填充一行——没有溢出，没有换行/换行。 overflow: hidden; 可能是一个很好的解决方案，但还有另一个要求 - 每行都有一个绝对 div 作为工具提示/弹出窗口( Bootstrap 的弹出窗口)，我不想隐藏或 ' clip'(它应该在某个顶层)。问题是弹出窗口是作为元素的子元素生成的，如果溢出则需要隐藏。我怎样才能实现与附加图像相匹配的行为？

例子:

Answer 1

将每行文本包装在另一个元素中(例如 <div> 或 <span> )然后应用 overflow: hidden给他们，而不是 parent 。

你现在的:

<div style="container" style="overflow: hidden">
    My text
    <div class="popup">My popup</div>
    Some more text
</div>

你应该做什么:

<div style="container">
    <div class="text" style="overflow: hidden">My text</div>
    <div class="popup">My popup</div>
    <div class="text" style="overflow: hidden">Some more text</div>
</div>

(请记住在您的样式表中执行此操作，而不是使用内联样式)