说说css3推出的display:flex吧
我们都知道前端中如果是一个块级元素， 类似p,div等 默认情况下都是垂直方向排版的， 有时候你想让这些元素水平排版，你也许会考虑float:left这种方式，但是呢，这样会脱离文档流，导致当前元素没办法撑起父元素。
这时候其实你就可以是 display:flex; 这方式， 它会将所有块级元素水平排版， 效果如下
不但如此 还可以选择对齐方式
还有 justify-content: space-between; 这种两端对齐的方式