布局的传统解决方案，基于盒状模型，依赖 display + position + float。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案：Flex布局，可以简便、完整、响应式地实现各种页面布局。
但是由于 IE10+ 才能支持 Flex布局（IE10支持的不好，IE11才好一点），而国内IE8-9依然是主流（>25%），所以无法在 web 端使用，而国外则相对较少（<7%），可以根据自身网站的浏览器访问排布使用 Flex布局。在移动端，Flex布局 已经成为主流。
但是由于是 阮一峰 推荐的 React 技术栈 中的要求，所以拿起来一些：
《Flex 布局教程：语法篇》
《Flex 布局教程：实例篇》
阮一峰的教程写的相当的好，看一遍基本就能弄，希望能尽快有在移动端实践的机会。
今天主要学习了flex布局，学习笔记如下： 1.指定flex布局： display：flex(任意容器)...
CSS flex布局学习笔记 flex简介 flex用于为容器内的子元素设置布局。当一个元素的display属性设...
内容参考pink老师笔记。 一、flex布局原理 flex 是 flexible Box 的缩写，意为“弹性布局”...
欢迎阅读阮一峰老师的原文,本篇为学习笔记 1. Flex布局 Flex是Flexible Box 的缩写，意为弹性...
布局的传统解决方案，基于盒状模型，依赖 display + position + float。它对于那些特殊布局非...
经典教程 Flex 布局教程：语法篇Flex 布局教程：实例篇flex布局游戏 理解 flex布局实现需要至少两层...
传统布局：依赖display/position/float Flex :Flex Box ，用来为盒状模型提供最大...
polyfill 兼容某些浏览器的保险写法 容器的属性 1.flex-direction2.flex-wrap3....
学习flex布局中的一些笔记。参考：FLEXBOX FROGGY justify-content属性 用于水平对齐...
0. 前言 这是当前最常用的布局方案，没有之一。当我回想时，我才发现自己对Flex布局如此不熟悉。所以写篇博客，既...
本文标题：学习笔记《Flex布局》
本文链接：https://www.haomeiwen.com/subject/masgpttx.html
网友评论