在el-form-item中,el-input中的label标签和input输入框不能在同一行显示的问题

标签中,el-input 中的 label 标签和 input 输入框有时不能在同一行显示:


  
    
  

以上的代码显示的效果如下:

在这里插入图片描述
我们期望的效果是 label 和输入框的距离是在同一行显示。我们只需要在 el-form, el-form-item 上添加 label-width 属性即可。

el-form 上添加 label-width 属性


  
    
  

el-form-item 上添加 label-width 属性


  
    
  

通过在 el-form-itemel-form 上添加 label-width 属性,解决了 label 标签和input输入框不能一行显示的问题。

在这里插入图片描述

你可能感兴趣的:(vue.js,elementui,javascript)