flex语法布局，可以参考菜鸟教程。http://www.runoob.com/w3cnote/flex-grammar.html 我主要是把flex布局运用到实例中，看看flex布局的效果。 1、垂直居中，学习flex布局以后，实现起来很方便； 效果如下： 2、用flex制作列表，流式布局，每行数 ...
分类：
其他好文 时间：
2019-03-28 15:29:51
阅读次数：
151
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如图： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实 ...
分类：
其他好文 时间：
2019-03-27 17:11:53
阅读次数：
168
FFC(Flexible Formatting Context) CSS3引入了一种新的布局模型——flex布局(之前有文章介绍过)。flex是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3属性。flex布 ...
分类：
其他好文 时间：
2019-03-21 11:48:02
阅读次数：
194
页面元素高度固定，中间的元素需要撑满屏幕，或者内容多时显示滚动条时，我们要把父元素设置为height:100vh ...
分类：
其他好文 时间：
2019-03-15 17:27:43
阅读次数：
246
当需要将button按行排列，当超过一行时，可以换行，从左到右排列，想实现如下效果（实现的比较粗糙，能说明问题就行，呵~~~）： 使用Flex布局，在设置主轴方向上对齐方式，使用justify-content属性，默认是flex-start：项目对齐主轴起点，项目间不留空隙。 所以在wxss中就不需 ...
分类：
微信 时间：
2019-03-13 19:52:27
阅读次数：
525
flex的基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 容器的6个属性 flex-direction flex-wrap flex-flow jus ...
分类：
其他好文 时间：
2019-03-12 11:59:14
阅读次数：
162
本Demo主要基本的HTML+CSS+JS实现的混合App，通过第三方平台apicloud主要页面有首页资讯+商城，目前数据都是静态的，未模拟动态数据,css布局运用的是flex布局。 ...
分类：
移动开发 时间：
2019-03-09 23:25:00
阅读次数：
273
1、flex 布局的概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 inline-flex 和 inline-block 一样，对设置 ...
分类：
Web程序 时间：
2019-03-06 19:25:57
阅读次数：
239
首先了解Flex布局是什么？ Flex是Flexible Box的缩写，意思是"弹性布局"，用来为盒状模型提供灵活性。 任何一个容器都可以指定为Flex布局 行内元素也可以使用Flex布局 webkit内核的浏览器，必须加上-webkit-前缀 注意：设为Flex布局后，子元素的float、clea ...
分类：
其他好文 时间：
2019-03-06 01:04:22
阅读次数：
151
下面代码来自MDN html部分： css部分： 效果部分： 以上代码描述，id为content容器中有5个小盒，content容器定宽500px， 每个小盒的初始内容宽度是120px + 边框3px * 2 = 126px， 现在前三个小盒flex-shrink数值为1，后两个数值为2，下面计算： ...
分类：
其他好文 时间：
2019-03-04 09:56:09
阅读次数：
170
