摘要：笔记布局很容易与其他布局方式包括布局嵌套在一起，实际上它是一个独立的盒子，这个盒子由一个元素称为容器及其直接的子元素称为项目构成。这个容器外部以及这些项目内部都不会受布局的影响。
笔记：
flex 布局很容易与其他布局方式（包括 flex 布局）嵌套在一起，实际上它是一个独立的盒子，这个盒子由一个元素（称为容器）及其直接的子元素（称为项目）构成。这个容器外部以及这些项目内部都不会受 flex 布局的影响。
一个元素可以定义成两种 flex 布局，第一种是块级 flex 布局：
.flex-block-box {
display: flex;
}
另一种是行内 flex 布局：
.flex-inline-box {
display: inline-flex;
}
这两种 flex 布局的区别是，块级 flex 布局的容器是一个块级盒子（block），而行内 flex 布局的容器是一个行内盒子（inline-block）。
容器的属性主要用于排列和对齐项目，项目的属性主要用于实现弹性和覆盖容器所定义的对齐方式：
容器属性：
排列：
方向：flex-direction: row | column | row-reverse | column-reverse
换行：flex-wrap: nowrap | wrap | wrap-reverse
合写：flex-flow: row nowrap
对齐：
justify-content: flex-start | center | flex-end | space-between | space-around
align-items: flex-start | center | flex-end | baseline | stretch
align-content: flex-start | center | flex-end | space-between | space-around
项目属性：
order: 0 | 1 | ...
控制弹性：
flex-grow: 0 | 1 | ...
flex-shrink: 0 | 1 | ...
flex-basis: auto | 100px | 50% | ...
flex: 0 1 auto
auto: 1 1 auto
none: 0 0 auto
initial: 0 1 auto
align-self: auto | flex-start | center | flex-end | baseline | stretch
另参见：http://www.ruanyifeng.com/blo...
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/112699.html
摘要：什么是我们只要是在进行编程我们就需要不停的设计。不易误用这一点很重要，要减少使用者的心智负担。尽量少的外部依赖减少使用者的成本。良好的命名尽量做到自描述。 什么是API？ 我们只要是在进行编程我们就需要不停的设计API。 API简单来讲可以是一个调用的函数，一个接口。 抽象来说，接口是一个内聚系统暴漏给外部的一切信息，包含但不限于： 调用方式：比如通过lib库或者http接口等。 调...
摘要：如果你对算法实战感兴趣，请快快关注我们吧。加入实战微信群，实战群，算法微信群，算法群。 作者：chen_h微信号 & QQ：862251340微信公众号：coderpai简书地址：https://www.jianshu.com/p/b5c... 介绍一些人工智能技术的术语，如果你还有术语补充，请访问 Github English Terminology 中文术语 neur...
阅读 2701·2023-04-26 02:28
阅读 2495·2021-09-27 13:36
阅读 3103·2021-09-03 10:29
阅读 2728·2021-08-26 14:14
阅读 2084·2019-08-30 15:56
阅读 809·2019-08-29 13:46
阅读 2587·2019-08-29 13:15
阅读 420·2019-08-29 11:29
