有时候我们不想换行应该怎么办呢? 首先<el-form>标签有属性label-width,可以统一设置内部<el-form-item>标签的文字长度。 同时<el-form-item>标签会继承父标签的label-width属性,但是也可以重新设置自己的label-width,所以 当某个<el-form-item>的文字比较长时,可以自己设置<el-form-item>标签的label-width属性。
<el-form>的<el-form-item>自定义label,通过插槽方式实现 最终要达到的效果,输入框前面的文字部分增加提示信息图标。 图片.png <el-form-item><template#label>商品编号<el-popoverplacement="top":width="200"effect="dark"trigger="click"content="编号说明可以看到 element 提供的弹出框没有提供换行的功能"><...
对于label文字超长的问题,最直接的方法是通过CSS来调整样式。以下是一些可能的CSS样式调整方法: 自动换行 如果label容器有足够的空间,可以通过设置white-space属性为normal(或省略,因为normal是默认值)和适当的word-break或overflow-wrap属性来实现自动换行。 css .el-form-item__label { white-space: normal; word-...