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如何制作无缝天空转场效果?
  • 热门搜索
    个人所得税app怎么退税 朱军怎么了出什么事了 怎么打开任务管理器 微信夜间模式怎么关闭 贴吧怎么发帖 桃核手串怎么盘红 咽喉疼痛怎么办 怎么查话费 咖啡豆怎么吃 失眠怎么治