Flex布局
斜斟星雨
繁丝摇落的深处恍惚见你笑靥如花,前尘似梦,归期未展,枯等人间清欢处。
展开
-
Flex布局之学习笔记一(容器属性)
flex布局又称弹性布局,是一种十分好用的网页布局方法,如果对低版本如ie浏览器等的兼容不苛刻用flex方法很合适,在学习阮一峰大神关于flex的博客中一部分知识点后总结了一下知识点一、display:flex设置后的影响设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。采用 Flex 布局的元素,称为 Flex 容器(flex container)。原创 2017-10-12 18:07:48 · 424 阅读 · 0 评论 -
Flex布局之学习笔记二
这篇讲的是容器里面元素的属性设置:1,orderorder: <integer>; 定义元素的排列顺序。数值越小,排列越靠前,默认为02,flex-growflex-grow: <number>; /* default 0 */定义元素的放大比例,默认为0,即如果存在剩余空间,也不放大。3,flex-shrinkflex-shrink: <number>; /* default 1 */定义了元素的原创 2017-10-13 12:17:32 · 250 阅读 · 0 评论