Flex布局 display: flex; 将对象作为弹性伸缩盒展示，用于块级元素 display: inline-flex; 将对象作为弹性伸缩盒展示，用于行内元素 注意兼容问题： webkit内核浏览器应使用前缀-webkit IE浏览器，可以很好的兼容IE11+版本，对于…

flex布局具有便捷、灵活的特点，熟练的运用flex布局能解决大部分布局问题，这里对一些常用布局场景做一些总结。 flex:0 0 25%,相当于flex-basis:25%，使得每一个列表项的宽度占外层容器(本例中的ul元素)的25%，因此每行最多能够排开四个列表项。 各大U…