antd 改变From Item中 lable居中居右居左的位置

zhangyubababa

已于 2023-02-03 00:59:48 修改

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： css3 css 前端

于 2022-02-22 18:44:19 首次发布

本文链接：https://blog.csdn.net/zhangyubababa/article/details/123074726

react 专栏收录该内容

89 篇文章

订阅专栏

本文介绍了如何使用CSS3来改变antd库中Form Item的label位置，使其能够实现居中、居右和居左的显示效果，详细探讨了相关CSS样式和antd的样式覆盖机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述



export const formLayout = {
    labelCol: { span: 6 },
    wrapperCol: { span: 14 },
    labelAlign: 'left'//***  既可以在From中使用 可以在Item中使用；具体看文档
};

组件中引入：
 <Form
            {...formLayout}
            form={form}
          >