1、需求来源
公司需要完成一个需求,用到了几个不同的descriptions做数据展示,但是发现不同的descriptions它的列宽度会根据内容长度而变得不同(如下图),需要你手动设置去统一对齐。首先大家想到的都是修改antd组件的样式,但找到对应元素类名修改之后发现依然无法对齐。最终调试找到了如下的解决方法。

2、修改方法

3、效果图
label:content = 1:2

label和content的宽度是按宽度比例设置的,上图我写的分别是label为100px,content为200px,显示的label和content宽度分别占总宽度50%(因为我设置的Colum是为2)的1:2。如要改变label和content的宽度比,可自己根据需求改变label和content的像素。
label:content = 1:1

