Flex的概念

主轴与交叉轴

这是3.1的笔记这是3.1的笔记

什么是flex弹性布局：即弹性盒子用来进行弹性布局

• 如盒子内子元素水平排列则X轴为主轴(main axis)/y轴为交叉轴(cross axis) 如子元素为纵向排列则相反

• 在flex中子元素大小不再以宽高来理解 而以排列方式来确定占主轴空间或占交叉轴空间 如图所示main size为元素占主轴的空间 cross siez为元素占交叉轴空间

1. 看元素排列的方式定主轴和交叉轴

2. 元素横向排列，则主轴是横向的，交叉轴是纵向的

3. 元素纵向排列，则主轴是纵向的，交叉轴是横向的

4. 如截图所示，元素横向大小称之为占主轴的空间，纵向大小称之为占交叉轴的空间

flex弹性布局

弹性盒子 配合rem

"主轴"和"交叉轴"的概念.

flex 结构图.

axis是"轴"的意思

如果子元素的排列方式为横向排列，那么X轴为主轴，Y轴为交叉轴。

如果子元素的排列方式为纵向排列，那么Y轴为主轴，X轴为交叉轴。

flex分主轴（main axis）和交叉轴（cross axis），主轴是和盒子内部元素排列方向一致的。

flex item的main size是子元素占主轴的空间，并非宽度；cross size是子元素占交叉轴的空间，并非高度。

Flex为盒子模型提供最大的灵活性，任何一个容器都可指定为Flex布局

在注册登录时也会有一些比较多余的操作，比如二次确认密码、完善个人资料等，这些操作最好是放置在个人中心或是设置里让用户自行填写，在注册登录页面只保留必须填写的内容。

所以很多都强调用药linux来操作python，主要公司里的生产环境都是部署在服务器上的。而服务器的操作系统基本都是centos,redhat,乌班图之类的，所以，学python，一定