---
order: 2
title:
  zh-CN: 固定标签宽度
  en-US: Fixed Label Width
---

## zh-CN

固定标签宽度让布局看起来更加整洁。

## en-US

Use `labelWidth` to make the layout look cleaner

```ts
import { Component } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';

@Component({
  selector: 'app-demo',
  template: `
  <sv-container labelWidth="100">
    <sv label="ID">1</sv>
    <sv label="Name">asdf</sv>
    <sv label="Age">25</sv>
    <sv label="Reject" type="danger" col="1">
      OMG <a class="ml-sm" (click)="msg.success('to')">Fixed</a>
    </sv>
    <sv label="Default"></sv>
    <sv [label]="label">
      <ng-template #label>
        <a nz-tooltip="test">tip</a>
      </ng-template>
      Custom label
    </sv>
  </sv-container>
  `,
})
export class DemoComponent {
  constructor(public msg: NzMessageService) {
  }
}
```