外部最大宽度不适用于内跨距

Question

当我将鼠标悬停在表格单元格上时，它应该显示文本旁边的Angular Bootstrap弹出窗口。但是，'span'元素仍然是它的全宽。

 <td style="max-width: 50px; text-align: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"> 
    <span popover="I appeared on mouse enter!" popover-trigger="mouseenter" popover-placement="right" >This is some text. This is some text. This is some text. This is some text. </span>
 </td>

Screenshot of issue

如何让popover直接显示在文本旁边？

我尝试在跨度本身上设置最大宽度，但这似乎不起作用。

Answer 1

想想我找到了解决方案：

1）更改＆＃39; span＆＃39;元素到＆＃39; div＆＃39;

2）将这个样式添加到div：

style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"