Antd表单中label文本宽度超出时，如何自动添加省略号？

本文共计175个文字，预计阅读时间需要1分钟。

需求：Antd之表单label超出宽度增加省略号代码结构如下：css.use+.ant-form-item-label { text-overflow: ellipsis;}无效，原因是label的display: inline-flex值使其无效。解决方案：css.use+.ant-form-item-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

需求：Antd之表单label超出宽度增加省略号

代码结构如下：

使用

.ant-form-item-label{
text-overflow: ellipsis;
}

无效，原因是label的display:inline-flex值使其无效。

解决方法：

改成

.ant-form-item-label > label{
display: inline;
}

但是，修改后页面label字段偏上了，没有对齐。

需要给label加上padding-top。