通过CSS来控制文字的换行是一个更直接且常用的方法。我们可以给el-checkbox的label部分添加样式来实现换行。在Element UI中,el-checkbox的label是通过一个子元素<span class="el-checkbox__label">来呈现的。 以下是一个具体的实现步骤和代码片段: 添加CSS样式: 我们需要为el-checkbox__label类添加一个样式...
在el-radio或el-checkbox上添加属性(给标签设置一个class): display:flex;/* 用于对齐文本 */ 在el-radio或el-checkbox的选项标签上添加属性: /deep/ .el-radio__label{white-space:normal;/* 换行 */}/deep/ .el-checkbox__label{white-space:normal;/* 换行 */}...
文字超出换行 /deep/.el-checkbox__label{word-break:normal;width:auto;display:inline-grid;white-space:pre-line;word-wrap:break-word;overflow:hidden;line-height:14px;} 一行显示一项 /deep/ .el-checkbox { width: 100%; margin-top: 20px; } 表格里的多选框 // 多选/deep/.el-checkbox__inner{...