---
order: 4
title:
  zh-CN: 垂直布局
  en-US: Vertical
---

## zh-CN

垂直布局。

## en-US

Vertical layout.

```ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-demo',
  template: `
  <sv-container layout="vertical">
    <sv-title>title</sv-title>
    <sv label="Firefox">A free, open source, cross-platform, graphical web browser developed by the Mozilla Corporation and hundreds of volunteers.</sv>
    <sv label="Firefox">A free, open source, cross-platform, graphical web browser developed by the Mozilla Corporation and hundreds of volunteers.</sv>
    <sv label="Firefox">A free, open source, cross-platform, graphical web browser developed by the Mozilla Corporation and hundreds of volunteers.</sv>
  </sv-container>
  `,
})
export class DemoComponent {
}
```