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的整个宽度,而不是它的宽度 - 宽度 - (因为它们是显示:内联)
我可以看到,当我检查它计算...时好像它是div的全宽。有没有人知道这个的解决方法(它适用于我使用它的正常情况)?