H5W3
当前位置:H5W3 > JavaScript > Vue相关 > 正文

【Vue】element的多选框内容超出长度怎么进行换行呢

【Vue】element的多选框内容超出长度怎么进行换行呢
这里文字部分长度,怎么让文字进行换行呢?
以下是我的HTML代码

<el-form-item label="活动性质" prop="type">
<el-checkbox-group v-model="ruleForm.type">
<el-col :span="8">
<el-checkbox
label="美食/餐厅线4硬71一语音关乎衣服一个回复一语音关乎衣服一一语音关乎衣服一u 有感于姑爷分表上活动"
name="type"
></el-checkbox>
</el-col>
<el-col :span="8">
<el-checkbox label="美食/餐厅线4硬71一语音关乎衣服一个回复u 有感于姑爷分表上活动" name="type"></el-checkbox>
</el-col>
<el-col :span="8">
<el-checkbox label="美食/餐厅线4硬71一语音关乎衣服一个回复u 有感于姑爷分表上活动" name="type"></el-checkbox>
</el-col>
</el-checkbox-group>
</el-form-item>

回答


.el-checkbox, .el-checkbox__input {
  white-space: normal;
  word-break: break-all;
}
.el-checkbox__label {
  display: inline;
}

.el-checkbox, .el-checkbox__input {
  white-space: normal;
}

太长建议换成select

本文地址:H5W3 » 【Vue】element的多选框内容超出长度怎么进行换行呢

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址