摘自：http://www.runoob.com/w3cnote/flex-grammar.html 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居 ...
分类：
其他好文 时间：
2018-05-16 13:08:28
阅读次数：
160
:musical_keyboard: 基于 Vue(2.5) + vuex + vue router + vue axios +better scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 :yum: 项 ...
分类：
移动开发 时间：
2018-05-15 22:47:04
阅读次数：
421
移动端适配 web页面跑在手机端（h5页面） 跨平台 基于webview（） 基于webkit 常见适配方法 pc端采用display：inline block，让div盒子横着排 移动web：采用定高，宽度百分比， flex弹性布局 ，meDIA QUERY 媒体查询 ； 媒体查询 结合css，通 ...
分类：
移动开发 时间：
2018-05-15 19:46:44
阅读次数：
285
https://www.gnu.org/software/bison/manual/bison.html https://blog.csdn.net/sirouni2003/article/details/400672 http://www.cnblogs.com/itech/archive/201 ...
分类：
其他好文 时间：
2018-05-15 14:31:54
阅读次数：
154
一、在需要使用弹性盒子的容器上添加属性：display:flex 或者 display:inline-flex; 二、在父容器上添加flex-direction设置子元素主轴方向： 不写默认值是X轴从左到右 row:X轴从左到右 row-reverse X轴从右到左 column Y轴从上到下 co ...
分类：
其他好文 时间：
2018-05-15 10:37:23
阅读次数：
154
最近有个面试，面试官问到，在一个横向布局上，假设有三个div，每个宽度为定宽apx，如果想使两侧宽度为x,中间div间间隔为2x。x可以自适应。如下图： 怎么做很简单，两行代码就搞定： justify-content 常用属性有：flex-start | flex-end | center | sp ...
分类：
其他好文 时间：
2018-05-15 01:44:36
阅读次数：
192
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2018-05-14 10:26:04
阅读次数：
198
|-弹性盒子|--定义弹性盒子 display：flex|--定义子元素的排列方式 flex-direction|--定义子元素的换行方式 flex-wrap|--定义子元素的对齐方式| 横向对齐 justify-content| 纵向对齐 align-intems |-媒体查询|--@media ...
分类：
其他好文 时间：
2018-05-13 23:01:42
阅读次数：
121
Flex是Flexible Box的缩写，意为“弹性布局”。弹性布局提供了一种更加有效的方式来对一个容器内的项目进行排列/对齐/分配空间等操作，让盒模型具有更大的灵活性。在一个容器盒子上添加display：flex/inline-flex使其变成弹性布局。 .box{ display: flex;} ...
分类：
其他好文 时间：
2018-05-13 15:37:44
阅读次数：
149
弹性布局(Flexible Layout) 1、什么是弹性布局 弹性布局(Flexible Layout),是一种布局方式，是一种解决某元素中"子元素"的布局方式 2、flex的容器 将元素变为flex容器后，那么所有的子元素都将成为flex项目，都允许按照弹性布局的方式来排列 如何将元素变为 fl ...
分类：
其他好文 时间：
2018-05-13 12:05:05
阅读次数：
146
