CSS学习笔记:display:flex

原创 2016年06月01日 11:11:25

注意

Flex布局以后,子元素的float、clear和vertical-align属性将失效

属性

  1. flex-direction(row | row-reverse | column | column-reverse)
  2. flex-wrap(nowrap | wrap | wrap-reverse)
  3. flex-flow
  4. justify-content(flex-start | flex-end | center | space-between | space-around;)
  5. align-items(flex-start | flex-end | center | baseline | stretch;)
  6. align-content(flex-start | flex-end | center | space-between | space-around | stretch;)

order属性

  1. order: 1 2 顺序、

flex-grow属性 flex-shrink属性

1 flex-grow: 1 2 放大比例
2 flex-shrink: 1 2 缩小 默认都是1

flex-basis属性

项目占据的主轴空间 length> | auto

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

CSS--display(flex重点)

display首先得写写flex——-弹性布局flexdiv{display:flex;}设置了flex后 子元素行内元素支持宽高了 子元素的clear,float,vertical-align失效 ...

再说流性布局 display:flex ,以及看到的其他一些css 细节

流行布局flex的细节1.overflow对a无效,如果一个”a “元素里面容纳了太多的文字,设定overflow:hidden是没有用的,文字还是会溢出。 哪怕设置了display:block, ...

CSS垂直水平居中,display:flex,布局,文字属性的一些零碎

body的height不可少,如body{height:100%},否则子元素会不认,如果子元素的高直接以百分比写的话,会不显示。因为识别不出来。 宽度则不会,因为浏览器的宽度是固定的,高度会滚,...

移动开发CSS3:display:box,box-flex属性

必须给父容器div定义css属性display:box,其子容器才可以进行划分(如果定了display:box则该容器定义为内联元素,使用margin让其居中是无效的,可以在其父元素设置text-al...

QT学习笔记(六):Embedded Linux QT Display Management

Qt for Embedded Linux Display Management When rendering, the default behavior for each Qt for...

初探boost之progress_display库学习笔记

progress_display   用途   progress_display可以在控制台上显示程序的
  • wxwd1
  • wxwd1
  • 2014-07-14 15:40
  • 1371

Flex学习笔记

  • 2012-10-08 09:33
  • 1.46MB
  • 下载

flex学习笔记pdf

  • 2008-10-25 11:29
  • 1.46MB
  • 下载

HTML5基础加强css样式篇(伸缩容器的简介和声明:display:flex||inline-flex)(五十一)

1为什么要有伸缩容器:    1. 使用浮动布局,无法实现等高    2.不能很快的调整DOM的顺序    3.不能很好控制子元素的位置 2.如何声明一个伸缩容器:   display:flex; ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)