ant desigen表单的label文字过长，怎么换行？

几个高兴

已于 2023-02-13 18:28:41 修改

阅读量3.9k

点赞数

分类专栏：问题解决文章标签： vue.js 前端 javascript

于 2023-02-13 18:24:59 首次发布

本文链接：https://blog.csdn.net/qq_45530512/article/details/129014723

版权

问题解决专栏收录该内容

35 篇文章 2 订阅

订阅专栏

参考文章：(8条消息) antd库开发时表单里label太长的情况（建议收藏）_故蓝寻的博客-CSDN博客_antd label

首先得用 solt 自定义label

<!-- 这里的label必须去掉，就算是label=''，下面的solt都不能用 -->
<a-form-model-item>
  <span slot="label" class="label-box">产业、产品类型及规模以及所在地址</span>
  <a-textarea v-model="infoData.conditionContent"  placeholder="请输入" />
</a-form-model-item>

自定义样式

.label-box{
  width: 80%; // 建议80%，太长就会超出内容
  display: inline-block;
  height: auto;
  white-space: break-spaces;
  line-height: 18px;
  text-align: left;
  vertical-align: bottom; // 这是为了让整体的字往下移动一点
}

原文链接：https://blog.csdn.net/qq_43106047/article/details/127368794