今天给各位分享探索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:年度回顾与展望】相关文章:
1.蛤蟆讨媳妇【哈尼族民间故事】
2.米颠拜石
3.王羲之临池学书
4.清代敢于创新的“浓墨宰相”——刘墉
5.“巧取豪夺”的由来--米芾逸事
6.荒唐洁癖 惜砚如身(米芾逸事)
7.拜石为兄--米芾逸事
8.郑板桥轶事十则
9.王献之被公主抢亲后的悲惨人生
10.史上真实张三丰:在棺材中竟神奇复活
深夜漫步云音乐:失眠之夜的温馨陪伴
23岁,还是一个不错的年纪。我不知道以后的生活会是什么样子,我连想都不敢想,我只能尽力而...
探索2022年的重大趋势与变革
真正让我静下心来决定继续写下去的是,一个多月的“包围”激起了我内心不知道的期待和梦...
揭秘住宅风水布局:左青龙右白虎的重要性与要点解析
青龙掌管春天,绿色掌管东方,象征着生机勃勃、蓄势待发。“紫气东来”由此而来,所以青龙也...
后期创作更需章法谨严
制作产品也是如此。你必须先画图。没有图纸什么都做不好。因为在修改的过程中会出现很...