ant-design/components/grid/demo/offset.md
2020-02-26 21:00:43 +08:00

46 lines
836 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
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.
```jsx
import { Row, Col } from 'antd';
ReactDOM.render(
<>
<Row>
<Col span={8}>col-8</Col>
<Col span={8} offset={8}>
col-8
</Col>
</Row>
<Row>
<Col span={6} offset={6}>
col-6 col-offset-6
</Col>
<Col span={6} offset={6}>
col-6 col-offset-6
</Col>
</Row>
<Row>
<Col span={12} offset={6}>
col-12 col-offset-6
</Col>
</Row>
</>,
mountNode,
);
```