- 背景:今日负责公司的项目的国际化,到目前已经完成,但是发现替换成英文后,form的一些英文的label变得很长被遮挡
- 样式:
- 解决办法:
要是想在全局解决就使用组件的样式覆盖
代码如下:
.ant-form-item-label {
display: flex;
justify-content: flex-end;
line-height: 16px; //这个数值视具体情况而定
label { //这是关键
white-space: normal;
text-align: right;
color: #8a8a8a;
padding-right: 32px;
font-size: 14px;
&:after {
content: none !important; //解决上面的样式label后面会有空格
}
}
}
要是有帮到你,可以点赞哦!