display:flex代替float

昨天作一个css的东西，在开始用js的时候才发现被float占位了

由于float浮动起来了，我清除了浮动，可是仍是占位

而后我同事就告诉我其实能够不用float来左右浮动

在父元素上用display:flex彻底就能够让子元素左右浮动起来了

并且line-height也能够不用，display:flex里面的align-items:center能够让这个容器处在垂直居中的位置

固然justify-content:center固然就是水平居中了