CSS横向布局别用float了：Flex三行代码，搞定所有对齐

新手做横向布局，还在用float，写半天对不齐，今天说最简单的Flex布局，三行代码搞定横向排列。

父容器加display:flex

你要把几个按钮横向排，给父元素加display:flex，子元素自动横着排，不用float，也不用算宽度，比老式布局简单十倍。

常用属性

justify-content: center 就是子元素水平居中；align-items: center 就是子元素垂直居中，写个导航栏、按钮组、卡片布局，几行CSS就搞定，不用调半天边距。

兼容性

现在所有浏览器都支持Flex，哪怕是老手机浏览器，新手不用怕兼容问题，直接用，比写float、inline-block省事太多。

布局先学Flex，入门快，写出来的代码干净，不用学复杂的Grid。