---
title:
  zh-CN: bixi-ellipsis
  en-US: bixi-ellipsis
order: 3
---

用于控制文字溢出。

```ts
import { Component } from '@angular/core';
@Component({
  selector: 'bixi-ellipsis-demo',
  template: `
    <div class="bixi-ellipsis" style="max-width: 200">
      3月26日，哔哩哔哩（简称“B站”）在港交所披露的最新公司资料表中出现了失误，将企业名字“哔哩哔哩”错写成了“百度集团”，引起了各界人士的广泛关注和讨论。 其实这类上市公告中的人为错误导致的乌龙事件，在金融领域的文书中一点都不罕见。
    </div>
  `,
})
export class BixiStylesComponent {}
```