### nzFormLabel 字数不同导致不对齐
- ``nz-form-label`` 文字个数不同,即使通过 ``[nzSpan]`` 设置宽度也没有效果会出现下面的效果 - 不对齐
-
![](https://img.haomeiwen.com/i13360068/2ddee272d8b402ad.png)
- 可以看出如果第一行的 ``交期`` 如果是4个字就会和下面的 ``销售类型`` 对齐
- 下面介绍如何解决
- 第一种方法:自定义类设置``<nz-form-label>`` 的宽度
-
![](https://img.haomeiwen.com/i13360068/fcd727fa67bc9886.png)
-
![](https://img.haomeiwen.com/i13360068/c3bccdc8b86e8f0d.png)
- 设置后如下图
![](https://img.haomeiwen.com/i13360068/8ef6a9c5e5290454.png)
- 第二种方法:使用官方提供的类
-
![](https://img.haomeiwen.com/i13360068/3b7361eb2c1cab5c.png)
- 最终也是测试通过的
### nzFormLabel 字数不同导致不对齐
- ``nz-form-label`` 文字个数不同,即使通过 ``[nzSpan]`` 设置宽度也没有效果会出现下面的效果 - 不对齐
-
- 可以看出如果第一行的 ``交期`` 如果是4个字就会和下面的 ``销售类型`` 对齐
- 下面介绍如何解决
- 第一种方法:自定义类设置``<nz-form-label>`` 的宽度
-
-
- 设置后如下图
- 第二种方法:使用官方提供的类
-
- 最终也是测试通过的
本文标题:Angular ng-zorro-antd nz-form-la
本文链接:https://www.haomeiwen.com/subject/kkseqqtx.html
网友评论