Antd内联表单子项的宽度
创始人
2024-11-07 16:30:35
0

在Antd中,可以使用Form.Item组件的labelColwrapperCol属性来控制内联表单子项的宽度。

以下是一个示例代码:

import { Form, Input, Button } from 'antd';

const layout = {
  labelCol: { span: 8 },
  wrapperCol: { span: 16 },
};

const DemoForm = () => {
  const onFinish = (values) => {
    console.log(values);
  };

  return (
    
); }; export default DemoForm;

在上面的示例中,labelCol属性定义了标签的宽度,wrapperCol属性定义了输入框的宽度。span属性表示占据的栅格数,总共24个栅格。

通过设置labelColspan为8,wrapperColspan为16,可以让标签占据页面宽度的1/3,输入框占据页面宽度的2/3。

最后,使用wrapperColoffset属性可以添加一个偏移量,用于调整表单的布局。

这样,就可以实现Antd内联表单子项的宽度控制。

相关内容

热门资讯

透明肯定!德扑之星底牌(wep... 透明肯定!德扑之星底牌(wepoke)外挂透明挂辅助APP(辅助挂)安装教程(有挂细节)-哔哩哔哩;...
程序员教你(WPK开发)外挂透... WePoker透视辅助工具核心要点解析‌,程序员教你(WPK开发)外挂透明挂辅助机制(透视)透视辅助...
热点推荐(Wepoke检测)外... WePoke高级策略深度解析‌;热点推荐(Wepoke检测)外挂透明挂辅助软件(辅助挂)软件透明挂(...
今日公布!微扑克辅助挂(weP... 今日公布!微扑克辅助挂(wePOke)外挂透明挂辅助工具(辅助挂)曝光教程(有挂分析)-哔哩哔哩;亲...
玩家必看科普(扑克时间后台数据... 玩家必看科普(扑克时间后台数据)外挂透明挂辅助挂(辅助挂)发牌机制(有挂秘笈)-哔哩哔哩;最新版20...
重大通报(pokerx人工智能... 重大通报(pokerx人工智能)外挂透明挂辅助app(辅助挂)辅助透视(2023已更新)(哔哩哔哩)...
透视计算!aapoker工具(... 透视计算!aapoker工具(wEpOke)外挂透明挂辅助软件(辅助挂)攻略教程(有挂攻略)-哔哩哔...
一分钟揭秘(wpk系统)外挂透... 一分钟揭秘(wpk系统)外挂透明挂辅助机制(辅助挂)透视辅助(有挂技术)-哔哩哔哩;小薇(透视辅助)...
总算了解(德扑之星ai代打)外... 总算了解(德扑之星ai代打)外挂透明挂辅助插件(辅助挂)软件透明挂(2024已更新)(哔哩哔哩);科...
透视挂(德州游戏)外挂透明挂辅... 透视挂(德州游戏)外挂透明挂辅助软件(辅助挂)透视辅助(有挂秘笈)-哔哩哔哩;科技详细教程小薇《75...