你可以将第二个a-form-item的样式改为内联样式,设置display为"inline-flex",这样它们就能在同一行显示。修改后的代码如下:

<a-form-item style="margin: 0 auto; display: flex" name="harmAgeYear">
  <span>实际接害工龄:</span>
  <a-input
    v-model:value="planModel.harmAgeYear"
    style="width: 120px; border-style: hidden; border-bottom: 1px solid #050505"
    suffix="年"
  />
  <a-form-item style="margin: 0 10px; display: inline-flex;" name="harmAgeMonth">
    <a-input
      v-model:value="planModel.harmAgeMonth"
      style="width: 120px; border-style: hidden; border-bottom: 1px solid #050505"
      suffix="月"
    />
  </a-form-item>
</a-form-item>

这样修改后,第二个a-form-item将与之前的span和a-input在同一行显示

a-form-item style=margin 0 auto; display flex name=harmAgeYear span实际接害工龄:span a-input v-modelvalue=planModelharmAgeYear style=width 120px; bord

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

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