可以使用CSS的word-break属性来控制标签的换行。将white-space: nowrap;改为word-break: break-all;即可实现长标签的换行。修改后的代码如下:

<tr style="height: 80px">
    <td rowspan="1" colspan="5">
        <a-row>
            <a-col :span="12">
                <a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="是否有物品/设备丢失或者损坏赔偿" prop="goodsCompensation">
                    <a-radio-group v-model="mdl.goodsCompensation" >
                        <a-radio value="1">
                            是
                        </a-radio>
                        <a-radio value="0">
                            否
                        </a-radio>
                    </a-radio-group>
                </a-form-model-item>
            </a-col>
            <a-col :span="12">
                <a-form-model-item :labelCol="{span: 8}" :wrapperCol="wrapperCol1" label="物品/设备丢失或者损坏赔偿的金额" prop="goodsComponAmountEnsati" style="width: 80%; word-break: break-all;">
                    <a-input-number :min="0" :max="10000000000000" :step="0.01"  v-model="mdl.goodsComponAmountEnsati"/>(单位:元)
                </a-form-model-item>
            </a-col>
        </a-row>
    </td>
</tr>
这里面的标签如果过长怎么换行 tr style=height 80px td rowspan=1 colspan=5 a-row a-col span=12 a-form

原文地址: https://www.cveoy.top/t/topic/jgKy 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录