ant-design-vue/components/grid/demo/offset.md

29 lines
745 B
Markdown
Raw Normal View History

2018-03-08 05:55:49 +00:00
<cn>
#### 左右偏移
列偏移。
使用 `offset` 可以将列向右侧偏。例如,`:offset="4"` 将元素向右侧偏移了 4 个列column的宽度。
</cn>
<us>
#### a-column offset
`Offset` can set the column to the right side. For example, using `offset = {4}` can set the element shifted to the right four columns width.
</us>
2019-10-09 10:32:23 +00:00
```tpl
2018-03-08 05:55:49 +00:00
<template>
<div>
<a-row>
<a-col :span="8">col-8</a-col>
<a-col :span="8" :offset="8">col-8</a-col>
</a-row>
<a-row>
<a-col :span="6" :offset="6">col-6 col-offset-6</a-col>
<a-col :span="6" :offset="6">col-6 col-offset-6</a-col>
</a-row>
<a-row>
<a-col :span="12" :offset="6">col-12 col-offset-6</a-col>
</a-row>
</div>
</template>
```