背景 Flexbox 布局 (FLexible Box)模块（现在处于W3C的最终征求意见稿（Last Call Working Draft）阶段）意在提供一个更为有效的方式来进行布局、对齐和分配一个容器内元素之间的空间，即使他们的大小是未知的或者动态的（这也是flex（弹性的）这个单词的由来 ...

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。 Flex是Flexible ...

最近的工作内容大多是移动端网页的开发，百分比布局，Media Queries,Bootstrap等常规的响应式/自适应的开发技术皆一一试过，但觉以上都不够灵活，所以，一直再尝试寻求更加灵活的精确的移动端网页设计技术。 寻求的过程中知道了两个让我眼前一亮的解决方案：一个是Flexbox ...

CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局，在它出现之前，我们经常使用的布局方式是浮动或者固定宽度+百分比来进行布局，代码量较大且难以理解。 为了更好理解flexbox布局，这里首先要介绍几个概念： 如果所示 ...

由于刚开始的项目主要用的H5、javaScript技术为主原生开发为辅的手段开发的项目，UI主要是还是H5,如今翻原生。为了方便同时维护两端。才找到这个很不错的库。 FlexBox?听起来像是一门H5布局技术。如何应用于原生移动端。 最近时不时的听到关于 FlexBox ...

混合划分 demo1，css： demo1，html 实践demo1，看看效果。 不定宽高，水平垂直居中 方法1：可实现屏幕的水平垂直居中 demo ...

壹 ❀ 引 谈到flex布局，我不知道有多少人跟我一样，在本能的想到justify-content:center与align-items:center两条属性之后，除此之外的其它属性居然显得格外陌生。 可以说包括我在内的大部分人，都是在被flex垂直水平居中方式所惊艳后才对其有所 ...

壹 ❀ 引 谈到flex布局，我不知道有多少人跟我一样，在本能的想到justify-content:center与align-items:center两条属性之后，除此之外的其它属性居然显得格外陌生。 可以说包括我在内的大部分人，都是在被flex垂直水平居中方式所惊艳后才对其有所了解 ...