弹性布局原理

弹性布局：

缩小表格下方大量空白解决查询栏，有时换行，高度变化，表格正好占满剩余空间flex:1 页面外围加容器，flex布局，垂直方向，高100% 表格外面加容器，高度，弹性，弹性比例 1，即flex:1；显示类型不用是flex

本文讲筛选-表格布局精简页面的布局原理，页面大纲视图如下：

alt text

为方便说明，每个容器都起了名字，参见红色字体标注

根容器

alt text 说明，找不到这些属性，请点击组件更新，再次进来就有了

上部容器

alt text

alt text

标题栏容器

alt text

查询栏容器

alt text

查询项容器

alt text

中部标题栏容器

alt text

底部表格容器

alt text

本页面弹性布局特点

屏幕宽度不够时，查询项整体换行： alt text 表格占满底部区域