formLayout 不起作用
Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应:
// 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal',
const formLayout = {
labelCol: { span: 4 },
wrapperCol: { span: 14 },
}
--------------------------------------------------------------------------
<Form layout="horizontal" {...formLayout }>
<Row>
<Col span={6}>
<Form.Item label="xxx">
<Select>
....
</Select>
</Form.Item>
</Col>
<Col span={6}>
<Form.Item label="xxx">
<Select>
....
</Select>
</Form.Item>
</Col>
</Row>
</Form>
//方法2 给 Form.Item 手动设置宽度
<Form layout="inline" {...formLayout }>
<Form.Item label="xxx" style={{width:'25%'}}> //百分比
<Select>
....
</Select>
</Form.Item>
<Form.Item label="xxx" style={{width:'200px'}}>// 固定宽度
<Select>
....
</Select>
</Form.Item>
</Form>