欢迎光临带式输送机网站,我们是进行标准化生产出售

带式输送机生产厂家_煤矿带式传动装置_标准矿用倾角输送带
带式输送机

提供各行各业全方位的生产设备服务

CSS伸缩布局

作者:梦兮      发布时间:2021-04-26      浏览量:0
1,伸缩式布局(弹性布局)2,主轴方向1

1,伸缩式布局(弹性布局)

2,主轴方向

1。只要你把一个元件变成一个伸缩容器,里面的伸缩件就会自动水平排版。Flex方向的默认布局:属性用于从左到右设置主轴的方向,默认值是行(从左到右)行反向(从右到左)弯曲方向:列(主轴被修改为垂直)。

伸缩式主轴

对齐-内容:FLEX-Start;在伸缩容器中设置伸缩项,并与伸缩容器主轴的起始点对齐。

证明-内容:弯曲端在伸缩容器中设置伸缩项,并与伸缩容器主轴的末端对齐。

对齐-内容:居中;将伸缩容器中的伸缩项设置为居中。

说明-内容:在两端对齐;第一个伸缩项目与主轴的起始点对齐,最后一个伸缩项目与主轴的末端对齐,其他项目平均分成多余的间隙。

伸缩项目侧轴的排列

对齐-项目:Flex-启动侧轴的默认对齐:与侧轴的起始点对齐。

对齐-项:侧轴

对齐的末端对齐:侧轴

对齐的中心和中点对齐:基线根据所有伸缩项目的基线对齐。

对齐-项目:拉伸拉伸对准

轴侧轴交叉问题

无论主轴是从上到下还是从下到下,侧轴总是与主轴交叉交叉,但侧轴的起点总是

左边

的新直线显示

伸缩容器的宽度小于所有伸缩项目的宽度,使系统自动缩放伸缩项目。如果不希望系统自动缩放伸缩项,则可以设置属性Flex-WORK:WORK。

侧轴换行符

对齐内容的行对齐:Flex-start开始对齐内容:Flex-end对齐内容:中心对齐-Content:space-All-content:space-All-content:strech(默认)属性意味着与finy-content相同。

缩放项

缩放项宽度设置

连续写入

伸缩项属性连接:FLEX:FLEX:FLEX-Growth FLEX-FLEX基础;放大率:默认值为0,默认值为1,相同比率降低。