Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度

nzFormLabel 字数不同导致不对齐

  • nz-form-label 文字个数不同,即使通过 [nzSpan] 设置宽度也没有效果会出现下面的效果 - 不对齐
  • Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度_第1张图片
  • 可以看出如果第一行的 交期 如果是4个字就会和下面的 销售类型 对齐
  • 下面介绍如何解决
  • 第一种方法:自定义类设置 的宽度

    • Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度_第2张图片
    • 图片描述
    • 设置后如下图
      Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度_第3张图片
  • 第二种方法:使用官方提供的类

    • Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度_第4张图片
    • 最终也是测试通过的

你可能感兴趣的:(angular,angularui,antdesign,表单)