前置 flex大致分为两类属性：容器属性和项目属性（容器内部项目的属性）。 这里的flex属性如flex：1就给容器内部项目的设置属性。 示例 解释 这里的wrap就是容器，item我们称作项目。 我们还需要知道flex属性是flex-grow, flex ...

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

最近为了微信小程序，回忆起之前有接触过的弹性布局（display:Flex） 网上摘录的原文地址：https://www.cnblogs.com/xuyuntao/articles/6391728.html 因为一直是一个大概能用的状态，今天来系统的掌握一下这块，据说这是趋势，在移动端用的比较 ...

【CSS3动画的使用】 1.声明一个关键帧（动画）： @keynames name｛ from｛｝ to｛｝ ｝ 每个阶段的写法： ①可以直接使用from-to的写法 ②可以设置0%-100%的写法，但开头和结尾必须是0%和100% 2.在CSS选择器中使用animation属性调用声明好的动画 ...

基本概念： 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置 ...

最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex 编译之后的效果很明显，界面的布局也很合理，看起来很清晰。那么究竟这个属性是干嘛用的呢？ 　　Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为 ...

最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex 编译之后的效果很明显，界面的布局也很合理，看起来很清晰。那么究竟这个属性是干嘛用的呢？ 　　Flex是Flexible Box的缩写，意为"弹性布局"，用来 ...

最近喜欢flex布局，它可以完美的实现响应式布局，下边我总结了它的一些常用属性，喜欢的，也可以练习写一下，很好用~~~ 注意：使用了flex布局，对于子元素的float、clear和vertical-align属性将失效。 1.以下6个属性设置在容器 ...