css 多个div一行显示

需求：两个div块级元素在同一行水平显示。

说明：两种方法来实现

           1、两个div全部设置成display:inline-block;

            2、前一个div设置成为：float:left   后一个div设置为float：right

注意 ：是两个div同时设置，我就设置了后边的那一个，结果调到心烦

2020-08-07

搬砖搬的多了，方法也就多了

          3、el-row  el-col

          4、display:flex   弹性布局

现在纠结的该是如何纵向居中了。我记得flex里面有个纵向居中，改天研究