CSS flex布局 CSS flex布局 1. 介绍 1.1 说明 flex布局,也称为flex弹性布局;主要目的是使item的宽度、高度按一定顺序填充父容器的可用空间。 示例 注意:在下文中,将以parent指代父容器,item指代容器内的项。 1.2 浏览器支持情况 IE 11才完全支持fle ...
分类:
其他好文 时间:
2018-05-12 13:48:53
阅读次数:
177
select * from fnd_id_flex_structures_vl t where t.APPLICATION_ID=140;--CATEGORY_FLEXFIELDselect t.FLEX_VALUE_SET_ID,t.FORM_LEFT_PROMPT from fnd_id_fle ...
分类:
其他好文 时间:
2018-04-25 19:03:57
阅读次数:
195
1.flex-dierction 1.1 flex-direction: row; 1.2 flex-direction:row-reverse 1.3 flex-direction:column 1.4 flex-direction:column-reverse 后面的值会覆盖掉前面的值。 fle ...
分类:
其他好文 时间:
2018-04-05 18:36:06
阅读次数:
211
对需要水平垂直居中的元素写css: .mid{ position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); } flex: 对父级元素写css: 单行居中: 1 .mid{ 2 display : fle ...
分类:
其他好文 时间:
2018-02-28 23:02:50
阅读次数:
189
reference : http://fle.github.io/git-tip-a-simple-gitconfig-file.html As several friends have asked me this, here is my ~/.gitconfig base file. Nothin ...
分类:
其他好文 时间:
2017-12-13 19:59:19
阅读次数:
189
reference : http://fle.github.io/an-efficient-git-workflow-for-midlong-term-projects.html Our full-web project has been going on for nearly two years ...
分类:
其他好文 时间:
2017-12-13 19:57:11
阅读次数:
169
reference : http://fle.github.io/git-tip-keep-your-branch-clean-with-fixup-and-autosquash.html Who is not tired of committing a "Remove pdb" or a "Fix ...
分类:
其他好文 时间:
2017-12-13 19:35:41
阅读次数:
151
一般的布局是基于盒模型,使用display属性 + float属性 + position属性。flex是h5中新增的页面布局方案。 一:flex布局是什么。 flex是Flexible Box,就是“弹性布局”。它具有非常好的灵活性。 任何容器都可以开启弹性布局。 .box{ display:fle ...
分类:
其他好文 时间:
2017-11-30 00:55:08
阅读次数:
227
一、order属性 order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。 二、flex-grow属性 flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。 如果所有项目的flex-grow属性都为1,则它们将等分剩余空间(如果有的话)。如果一个项目的fle ...
分类:
Web程序 时间:
2017-10-24 00:12:53
阅读次数:
132
Flex 布局教程:语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程:实例篇 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 一个学习Fle ...
分类:
其他好文 时间:
2017-08-17 22:10:23
阅读次数:
172