探索2018：年度回顾与展望

今天给各位分享探索2018：年度回顾与展望的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

显示：flex（任何容器）/inline-flex（内联元素）；

设置为flex布局后，子元素的float、clear、vertical-align属性将失效；

2、基本概念：

Flex容器有两个轴，水平的称为主轴，垂直的称为横轴；

项目默认沿轴排列，项目沿平面上的xy轴构造；

3、容器属性及用途：

flex-direction（项目排列方向）：row（默认从左到右）/row-reverse（从右到左）/column（从上到下）/column-reverse（从下到上）；

flex-wrap（定义换行）：nowrap（默认不换行）/wrap（从上到下换行）/wrap-reverse（从下到上换行）；

flex-flow 属性是flex-direction 属性和flex-wrap 属性的缩写：flex-flow: || ;

justify-content 属性（对齐）：flex-start（默认左对齐）/flex-end（右对齐）/center（居中）/

space- Between （对齐）/space-around （每个项目两侧等距）；

align-items（定义y轴对齐）：flex-start（天花板对齐）/flex-end（地板对齐）/center（中心线对齐）/

基线（第一行文本的基线对齐）/拉伸（默认高度占据整个容器）；

align-content（多行项目对齐）：flex-start（在顶部排列）/flex-end（在底部排列）/center（从中心开始排列）/

space-after（对齐上下两端）/space-around（每行两边等间距）/stretch（默认高度填充）；

四、项目性质及用途：

order（项目排列值从小到大）：number /flex-grow（放大比例）：num /flex-shrink（收缩比例）：num /

弹性基础：|数字；（设置主轴长度）/flex属性是flex-grow、flex-shrink和flex-basis的缩写。默认值为0 1 自动/

align-self 属性允许单个项目以不同于其他项目的方式对齐，从而覆盖align-items 属性。默认值为auto，表示继承父元素的align-items属性。如果没有父元素，则相当于拉伸，例如：align-self: auto |弹性启动|弯曲端|中心|基线|拉紧；

青衫故人

这年我都记得！

有14位网友表示赞同！

孤者何惧

仿佛昨天的事情啊。

有18位网友表示赞同！

纯情小火鸡

2018年的事情，都过去好多年了。

有15位网友表示赞同！

秘密

那时候我在做什么呢？

【探索2018：年度回顾与展望】相关文章：