表单标签过长？试试用结尾，长尾词来吸引注意！

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

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

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

代码结构如下：

使用

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

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

解决方法：

改成

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

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

需要给label加上padding-top。

.ant-form-item-label{
text-overflow: ellipsis;
padding-top: 5px;
}

即可。