外側の最大幅​​内側のスパンには適用されません

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

は、どのように私はポップオーバーは、直接次のテキストに表示するために得ることができますか？

スパン自体に最大幅を入れてみましたが、うまくいかなかったようです。 div要素に、このスタイルを追加）

1） 'のdiv'

2に 'スパン' 要素を変更します：

Answer 1

は、私は解決策を見つけたと思う

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