2016-03-31 09:40:55 +08:00
|
|
|
|
---
|
|
|
|
|
order: 2
|
2016-11-05 15:46:50 +08:00
|
|
|
|
title:
|
2016-08-08 10:40:02 +08:00
|
|
|
|
zh-CN: 左右偏移
|
2016-11-05 15:46:50 +08:00
|
|
|
|
en-US: Column offset
|
2016-03-31 09:40:55 +08:00
|
|
|
|
---
|
2015-06-09 21:20:15 +08:00
|
|
|
|
|
2016-08-08 10:40:02 +08:00
|
|
|
|
## zh-CN
|
|
|
|
|
|
2015-06-15 17:46:42 +08:00
|
|
|
|
列偏移。
|
2015-06-09 21:20:15 +08:00
|
|
|
|
|
2016-02-25 14:15:37 +08:00
|
|
|
|
使用 `offset` 可以将列向右侧偏。例如,`offset={4}` 将元素向右侧偏移了 4 个列(column)的宽度。
|
2015-06-09 21:20:15 +08:00
|
|
|
|
|
2016-08-08 10:40:02 +08:00
|
|
|
|
## en-US
|
|
|
|
|
|
2020-08-14 10:58:58 +08:00
|
|
|
|
`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.
|
2016-08-08 10:40:02 +08:00
|
|
|
|
|
2019-05-07 14:57:32 +08:00
|
|
|
|
```jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
|
import { Row, Col } from 'antd';
|
2015-10-27 23:52:17 +08:00
|
|
|
|
|
2022-04-03 23:27:45 +08:00
|
|
|
|
export default () => (
|
2020-02-26 21:00:43 +08:00
|
|
|
|
<>
|
2015-10-27 23:52:17 +08:00
|
|
|
|
<Row>
|
2016-09-30 14:24:41 +08:00
|
|
|
|
<Col span={8}>col-8</Col>
|
2019-05-07 14:57:32 +08:00
|
|
|
|
<Col span={8} offset={8}>
|
|
|
|
|
col-8
|
|
|
|
|
</Col>
|
2015-10-27 23:52:17 +08:00
|
|
|
|
</Row>
|
|
|
|
|
<Row>
|
2019-05-07 14:57:32 +08:00
|
|
|
|
<Col span={6} offset={6}>
|
|
|
|
|
col-6 col-offset-6
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={6} offset={6}>
|
|
|
|
|
col-6 col-offset-6
|
|
|
|
|
</Col>
|
2015-10-27 23:52:17 +08:00
|
|
|
|
</Row>
|
|
|
|
|
<Row>
|
2019-05-07 14:57:32 +08:00
|
|
|
|
<Col span={12} offset={6}>
|
|
|
|
|
col-12 col-offset-6
|
|
|
|
|
</Col>
|
2015-10-27 23:52:17 +08:00
|
|
|
|
</Row>
|
2022-04-03 23:27:45 +08:00
|
|
|
|
</>
|
2015-10-27 23:52:17 +08:00
|
|
|
|
);
|
2019-05-07 14:57:32 +08:00
|
|
|
|
```
|