irpas技术客

ant desigen表单的label文字过长,怎么换行?_华唐_antd form label换行

网络投稿 1846

背景:今日负责公司的项目的国际化,到目前已经完成,但是发现替换成英文后,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后面会有空格 } } }

要是有帮到你,可以点赞哦!


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #Antd #form #label换行