• 弹性容器----六大属性(5、项目在交叉轴上的对齐方式)


    弹性容器----六大属性(5、项目在交叉轴上的对齐方式)

    align-items属性定义项目在交叉轴(纵轴|侧轴)上如何对齐。 语法:

    .box {
     align-items: flex-start | flex-end | center | baseline | stretch;
    }

    它可能取5个值。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。

    • flex-start:交叉轴的起点对齐。

    • flex-end:交叉轴的终点对齐。

    • center:交叉轴的中点对齐。

    • baseline: 项目的第一行文字的基线对齐。

    • stretch(默认值):如果项目未设置高度或设为auto,将占满整个容器的高度。

    注意:你使用align-items:stretch;的大前提是 弹性项目没有高度或者弹性项目的高度是auto。

     项目在交叉轴上的对齐方式
        
    
    
        
            1---小李子
            2---是憨憨
            3
        4
        5
        6     

  • 相关阅读:
    apollo 8.0 系统安装与实践
    JEECG shiro验证实现分析
    java 位运算 表示状态小记
    [2023.09.12]: Yew应用开发的第一个hook--use_state
    Python基础之MySql数据库交互
    14-RPC-自研微服务框架
    DataX和dataX-web 集群部署及使用
    【基础教程】Matlab生成阴影 Rician 随机数
    【Nacos】Nacos服务注册源码分析(二)
    codesys【按钮】
  • 原文地址:https://blog.csdn.net/weixin_72303943/article/details/126316444