Javascript CSS省略号位于katex之上

当文本溢出时，如果最后一个字母是katex元素，浏览器会错误计算其宽度，省略号位于katex元素的顶部。这是我的CSS-

.title{
弹性：1；
溢出：隐藏；
高度：24px；
字号：600；
最大宽度：200px；
：：ng深度#问题内容{
文本溢出：省略号；
空白：nowrap；
溢出：隐藏；
显示：内联块！重要；
>*：非（ng katex）{
字体大小：16px！重要；
保证金：0；
线高：1.5；
}
}
}

这是标记-

<div [ngStyle]="style">
    <span
      id="questionContent"
      [ngClass]="{ ugcFont: !styleOverride }"
      ngPreserveWhitespaces
    >
      <ng-container *ngFor="let segment of segments">
        <ng-katex
          *ngIf="segment.math"
          [equation]="segment.raw"
          [options]="{ displayMode: segment.type === 'display' }"
        >
        </ng-katex>
        <span
          *ngIf="!segment.math && (segment?.value | markdownHtml: compressedRendering)"
          [class.d-block]="segment?.value | newLine"
          [innerHTML]="segment?.value | markdownHtml: compressedRendering:true | safeHtml"
        ></span>
      </ng-container>
    </span>
</div>

如何解决此问题