css篇——flex布局详解

Posted pikachuworld

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css篇——flex布局详解相关的知识,希望对你有一定的参考价值。

--关于fle布局---常用的还是那几个属性flex-direction,justify-content,align-items,

这两天重现翻阅动手都操作了一遍感觉收获不少现在整理一下,比如align-items属性和align-content属性的区别,比如flex-basis属性order属性有点小收获,如下:

一、Flex 布局是什么?
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
display: flex; 任何一个容器都可以指定为 Flex 布局。

display: inline-flex;行内元素也可以使用 Flex 布局。

display: -webkit-flex; /* Safari */

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

 

以上是关于css篇——flex布局详解的主要内容,如果未能解决你的问题,请参考以下文章

第103天:CSS3中Flex布局(伸缩布局)详解

CSS3--Flex弹性盒子布局: flex项目的属性

详解CSS的Flex布局

CSS3--Flex弹性盒子布局: 实例篇-圣杯布局

CSS3--Flex弹性盒子布局: 实例篇-网格布局

CSS3--Flex弹性盒子布局: 实例篇-骰子布局