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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b529-2b7cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b529-2b7cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?