How to wrap a line when the content of the multiple check boxes in element exceeds the length?

clipboard.png
the length of the text here, how to wrap the text?
here is my HTML code

<el-form-item label="" prop="type">
            <el-checkbox-group v-model="ruleForm.type">
                <el-col :span="8">
                    <el-checkbox
                        label="/471u "
                        name="type"
                    ></el-checkbox>
                </el-col>
                <el-col :span="8">
                    <el-checkbox label="/471u " name="type"></el-checkbox>
                </el-col>
                <el-col :span="8">
                    <el-checkbox label="/471u " name="type"></el-checkbox>
                </el-col>
            </el-checkbox-group>
        </el-form-item>
Mar.29,2022

  

if it is too long, it is recommended to change it to select

.
Menu