div行内元素水平不对齐情况

在一个div中，需要对其里面的元素变成行内元素，但是使用display:inline-block会发生水平不对齐的情况

这个时候可以对父元素div使用弹性布局改变为行方向：

display: flex;
flex-direction: row;