flex布局container:align-items属性

最新推荐文章于 2024-06-02 17:14:20 发布

leigangg

最新推荐文章于 2024-06-02 17:14:20 发布

阅读量314

点赞数

本文链接：https://blog.csdn.net/leigangg/article/details/104377449

版权

本文详细探讨了Flex布局中align-items属性的作用，它决定了子元素在交叉轴上的对齐方式，通过实例代码展示了不同的align-items值对布局的影响。

摘要由CSDN通过智能技术生成

align-itens

align-items是决定items在交叉轴上的对齐方式

    <style>
        .test{
   
            height: 400px;
            width: 400px;
            background-color: #f00;
            /* 开启flex布局 */
            display: inline-flex;
            /* align-items: flex-start;默认值flex-start;以交叉轴上的start(开始位置)对齐 */