problem description
radio has the option that the content overflows but does not wrap on the small screen. How to solve this problem, ask the Great God for help
the environmental background of the problems and what methods you have tried
the data looped out, but the option does not wrap under the small screen and directly overflows. Try using the css attribute word-wrap: break-word;word-break: break-all; also cannot
related codes
/ / Please paste the code text below (do not replace the code with a picture)
html section
< div Vaci for = "(item,index) in question.xt": key= "index" >
<div class="font-110">{{index+1}}{{item.title}}</div>
<div v-for="(itm,idx) in item.xx" :key="idx">
<div v-if="item.option===1">
<el-radio-group v-model="form.wjdc[item.id]" class="wrap">
<el-radio :label="itm.id">{{itm.title}}</el-radio>
</el-radio-group>
</div>
<div v-else-if="item.option===2">
<el-checkbox-group v-model="form.wjdc[item.id]" class="wrap">
<el-checkbox :label="itm.id">{{itm.title}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>< / div >
effect
what result do you expect? What is the error message actually seen?
want the option to wrap automatically beyond the width