【Antd】表单调整输入框对齐方式:

复制代码
const formItemLayout = {
    labelCol: {//左边文字
        xs: { span: 24 },
        sm: { span: 6 },
    },
    wrapperCol: {//右边输入框
        xs: { span: 24 },
        sm: { span: 16 },
    },
};
const tailFormItemLayout = {
    wrapperCol: {
        xs: {
            span: 3,
            offset: 0,
        },
        sm: {
            span: 16,
            offset: 0,
        },
    },
};

/////////////////////////////////////////////////

<Form labelAlign='center' {...formItemLayout} >
<Form.Item label="知识库分类" {...tailFormItemLayout}/>
</Form>
复制代码

 

posted @   维多利亚的巴黎世家  阅读(689)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示