ant-design/components/divider/demo/orientation.md
2019-04-19 19:37:12 +01:00

713 B

order title
2
zh-CN en-US
标题位置 Orientation of title

zh-CN

修改分割线标题的位置。

en-US

Set orientation="left/right" to align the inner text.

import { Divider } from 'antd';

ReactDOM.render(
  <div>
    <Divider orientation="left">Left Text</Divider>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
    <Divider orientation="right">Right Text</Divider>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
  </div>,
  mountNode
);