当前位置:网站首页 > 技术博客 > 正文

弹性盒子布局是什么



说明属性名可选值主轴方向flex-directionrow :主轴方向水平从左到右 —— 默认值
row-reverse :主轴方向水平从右到左。
column :主轴方向垂直从上到下。
column-reverse :主轴方向垂直从下到上。主轴换行方式flex-wrapnowrap :默认值,不换行。
wrap :自动换行,伸缩容器不够自动换行。
wrap-reverse :反向换行。主轴对齐方式justify-contentflex-start :主轴起点对齐。—— 默认值
flex-end :主轴终点对齐。
center :居中对齐
space-between :均匀分布,两端对齐。
space-around :均匀分布,两端距离是中间距离的一半。
space-evenly :均匀分布,两端距离与中间距离一致。侧轴对齐方式 单行align-itemsflex-start :侧轴的起点对齐。
flex-end :侧轴的终点对齐。
center :侧轴的中点对齐。
baseline : 伸缩项目的第一行文字的基线对齐。
stretch :如果伸缩项目未设置高度,将占满整个容器的高度。(默认值)侧轴对齐方式 多行align-contentflex-start :与侧轴的起点对齐。
flex-end :与侧轴的终点对齐。
center :与侧轴的中点对齐。
space-between :与侧轴两端对齐,中间平均分布。
space-around :伸缩项目间的距离相等,比距边缘大一倍。
space-evenly : 在侧轴上完全平分。
stretch :占满整个侧轴。(默认值)

版权声明


相关文章:

  • java内存机制2025-04-26 16:30:05
  • ofstream用法2025-04-26 16:30:05
  • 三态门作用2025-04-26 16:30:05
  • linux抓包教程2025-04-26 16:30:05
  • 小红书算法工程师待遇2025-04-26 16:30:05
  • 电脑电子书阅读器软件2025-04-26 16:30:05
  • 同步和异步的含义2025-04-26 16:30:05
  • jdk的环境变量配置(步骤超级简单)2025-04-26 16:30:05
  • 动态路由表2025-04-26 16:30:05
  • i2c通信的详细讲解2025-04-26 16:30:05