码迷,mamicode.com
首页 > 其他好文 > 详细

23日工作记录

时间:2016-08-23 16:48:17      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

Flex(弹性布局):

任何一个容器都可以指定为flex布局,行内元素也可以使用flex布局

webkit内核的浏览器,必须加上-webkit-前缀

技术分享

采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。

容器可以设置的属性共有六个

技术分享

flex-direction:决定主轴的方向(即项目的排列方向)。

有四个值:

技术分享

flex-wrap:定义,如果一条轴线排不下,如何换行。

三个值:

nowrap(默认): 不换行

wrap:换行,第一行在上方。

wrap-reverse:换行,第一行在下方。

 

flex-flow:flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap

 

justify-content属性定义了项目在主轴上的对齐方式。

有五个值:

技术分享

 

align-items属性定义项目在交叉轴上如何对齐。

技术分享

 

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用

 

 

 

插播一条关于absolute的消息:

absolute是关于父级元素来定位,如果父级元素没有设置position,那么absolute是根据浏览器的原点来定位

23日工作记录

标签:

原文地址:http://www.cnblogs.com/shw13/p/5799782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!