CSS3中的伸缩布局三

 时间:2024-11-01 13:20:59

1、伸缩布局(垂直设置,多行):align-content:flex-start;(上对齐,默认) flex-end;(下对齐) center;(中间对齐)

CSS3中的伸缩布局三

2、伸缩布局(垂直设置,多行):align-content:space-between;(平局分布) space-around;(平局分布,有两端距离,两端距离是中间距离的一半)

CSS3中的伸缩布局三

3、伸缩布局(垂直设置,多行):align-content:stretch;(拉伸,占满)

CSS3中的伸缩布局三

4、伸缩布局(垂直设置,各盒子大小不一样):align-items:flex-start;(上对齐,默认) flex-end;(下对齐) center;(中间对齐)

CSS3中的伸缩布局三

5、伸缩布局(垂直设置,各盒子大小不一样):align-items:baseline;(根据文字对齐)

CSS3中的伸缩布局三

6、伸缩布局(垂直设置,各盒子大小不一样):align-items:stretch;(默认拉伸)

CSS3中的伸缩布局三
  • Adobe Premiere Pro CC 2018如何运行?
  • 如何旋转视频
  • PR图形如何吸取颜色?
  • 如何用Premiere剪辑视频?
  • PR如何制作无缝天空转场效果?
  • 热门搜索
    子宫切除后如何保养 95066是什么电话 怎么卸载360杀毒 如何制作电子书 如何推广品牌 6542是什么药 桐乡生活论坛 如何清洗粉扑 近朱者赤近墨者黑是什么意思 慢性宫颈炎如何根治