怎么使＜el-input＞在同一行显示，在＜div＞或其它的父标签里不换行？

在正的HTML中，标签是不换行，例如：

 
  
  
  
  
  
 

 

	

		input-1:
		input-2:
		input-3:

	
  
 

效果如下图:

这个不需要做什么设置就自然在同一行显示了，但是如果在Vue的  ElementUI中，使用组件就不会这么简单了，默认是不会在同一显示的，我就遇到这样的一个问题，同样在一个

标签里，每个都会换行。搜了一些资料但都不理想。

有的是使用表格使每一个input都作为一个列放在一行的，有的是使用 和组件使其在同一显示的，但都不是最简单的方法，而且还好像走了弯路，其实只需要改一个style属性即可，这个属性就是   display:inline   ！！！

 

    input-1:
    input-2:
    input-3:
    input-4:
    input-5:

 

试试效果，OK!!