el-form的label和el-input不在同一行

背景

太久没用原生的elementUI,遗忘故记录

问题一:单个el-input和el-form-item的label在同一行

方法一:给el-form-item设置label-width

  
            
              
            
      

在这里插入图片描述

方法二:el-input外面套一层el-col,并且设置宽度

  
    
      
        
      
    
  

在这里插入图片描述

问题二:一行多个el-form-item和el-input

在el-form-item外面套el-col在设置label-width或者el-input的width宽度

		
          
            
              
            
          
          
            
              
            
          
        

在这里插入图片描述

或者:

    
          
            
              
            
          
          
            
              
            
          
        

在这里插入图片描述

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