1、了解两个基本概念 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项目 2、弹性布局的使用： 给父容器添加display: flex/inline-flex;即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式 容器添加弹性布局后，仅仅时=是容器内容采用弹性布局 ...
分类：
其他好文 时间：
2017-08-20 22:41:13
阅读次数：
264
1）如果一条轴线排不下时项目换行情况。（作用于项目） 【flex-wrap; ;】 【nowrap（默认）：不换行。当容器宽度不够时，项目宽度会被挤压】 【wrap:换行 wrap-reverse：换行，原本的第一行排列在下面】 ①flex-wrap; nowrap; ②flex-wrap; wra ...
分类：
其他好文 时间：
2017-08-20 21:21:51
阅读次数：
114
CSS3 新属性 一、【 CSS3新增属性前缀 】 1、-webkit-:chrome/safari 2、-moz-:火狐 3、-mo-:IE 4、-o-: Opera 欧朋 二 、【CSS 长度单位】 1、px：像素。长度固定，表示分辨率占几个像素点； 2、%：表示相对于默认值的百分比； 3、em ...
分类：
Web程序 时间：
2017-08-19 00:45:38
阅读次数：
242
一、Flex布局是什么? Flex 即："弹性布局" 任何一个容器都可以指定为Flex布局 .box{ display:flex; } 行内元素也可以使用Flex布局 .box{ display:inline-flex; } webkit内核的浏览器，必须加上-webkit前缀 .box{ disp ...
分类：
其他好文 时间：
2017-08-17 14:27:25
阅读次数：
158
1.了解两个基本概念：容器：需要添加弹性布局的父容器；项目：弹性布局容器中的每一个子元素，称为项目；2.弹性布局的使用：1)给父容器添加display:flex/inline-flex属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流中的定位方式依然遵守常规文档流；2)容器添加弹性布局后，仅仅 ...
分类：
其他好文 时间：
2017-08-16 20:20:27
阅读次数：
186
响应式布局与弹性布局 一.响应式布局 1.响应式布局的概念 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面 ...
分类：
其他好文 时间：
2017-08-14 00:32:28
阅读次数：
926
1、了解两个基本概念： 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为 项目； 2、弹性布局的使用： ①给父容器添加display:flex/inline-flex:属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流显示方式； ②容器添加弹性布局后，仅仅是容器内容采 ...
分类：
其他好文 时间：
2017-08-13 20:12:49
阅读次数：
152
一、介绍 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 二、了解两个基本概念： 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项 ...
分类：
其他好文 时间：
2017-08-13 20:07:35
阅读次数：
137
一、Flex的简介 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。用六个字概括弹性布局就是简单、方便、快速。 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内 ...
分类：
其他好文 时间：
2017-08-13 19:24:32
阅读次数：
214
# Flex 布局 # 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 ## 一、Flex 布局是什么？ ## Flex 是 Flexible Box 的缩写，意为"弹性布局"，用 ...
分类：
其他好文 时间：
2017-08-13 16:23:06
阅读次数：
122
