javascript - dotdotdot jquery 插件不适用于显示：inline-block

Question

div {
   width: 50px;
}

span {
   display: inline-block;
}

p {
  max-height: calc(1em + 5px);
}

<div>
   <span>a</span>
   <span><p class="ellipsis">b</p></span>
</div>

似乎当将省略号应用于 p 时，它会像计算 div 的全宽一样计算宽度，而不是它的宽度 - a 的宽度（因为它们是 display: inline）

当我检查它时，我可以看到它计算 ...，就好像它是 div 的全宽一样。有谁知道这个的解决方法（它适用于我使用它的正常情况）？