欢迎来真孝善网,为您提供真孝善正能量书籍故事!

探索2018:年度回顾与展望

时间:11-22 神话故事 提交错误

今天给各位分享探索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位网友表示赞同!