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

34 lines
740 B
Vue
Raw Normal View History

2021-09-01 07:04:46 +00:00
<docs>
---
order: 2
title:
zh-CN: 左右偏移
en-US: Column offset
---
## zh-CN
列偏移
使用 `offset` 可以将列向右侧偏例如`offset={4}` 将元素向右侧偏移了 4 个列column的宽度
## en-US
`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.
</docs>
<template>
<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>
</template>