Flex项目有以下6个属性： order flex-grow flex-shrink flex-basis flex align-self order flex-grow flex-shrink flex-basis flex align-self order属性定义项目的排列顺序。数值越小，排列越 ...
分类：
其他好文 时间：
2018-05-07 13:33:36
阅读次数：
178
一、浮动 1.浮动特点：脱离文档流，向左/向右浮动直到遇到父元素或者别的浮动元素，浮动会导致父元素高度坍塌。 2.清除浮动：clear和bfc 二、Flex布局 1，意为弹性布局，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 2，容器的属性（其中io ...
分类：
Web程序 时间：
2018-05-06 18:57:47
阅读次数：
189
flex布局，也称为flex弹性布局了；主要目的是使item的宽度、高度按一定顺序填充父容器的可用空间。本篇将介绍：父元素、子元素可使用的flex属性，以及flex布局应用的场景。 ...
分类：
Web程序 时间：
2018-05-05 15:28:16
阅读次数：
10068
这篇笔记的目的是记录分别应用float和flex布局的方法。主要是对遇到的问题进行总结。 1.float布局 总结： 1.1 使用float布局要清除浮动，清除的方法是，在父元素添加如下样式 1.2 布局元素（本文布局元素指的是使用float布局的元素）就单纯的做布局，不要再加任何别的样式，否则会产 ...
分类：
Web程序 时间：
2018-04-30 14:32:13
阅读次数：
214
转载自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex布局语法 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex ...
分类：
其他好文 时间：
2018-04-27 21:08:22
阅读次数：
242
一、flex基础属性：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 1、display:flex; 行内元素：display:inline-flex webkit内核：display:-webkit-flex; display:fl ...
分类：
其他好文 时间：
2018-04-19 18:18:49
阅读次数：
152
一、Flex布局是什么 Flex是Flexible Box的缩写, 译为"弹性布局",用来为盒状模型提供最大的灵活性 Flutter支持Flex的Widget Row Column Expanded Flexible 二、基本概念 采购Flex布局的Widget,称为Flex容器(flex cont ...
分类：
其他好文 时间：
2018-04-19 13:56:00
阅读次数：
202
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各 ...
分类：
其他好文 时间：
2018-04-19 12:03:42
阅读次数：
153
