关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

css中align-items属性是什么(css的align-items)

发布时间:2022-07-02 09:10:39

1、align-items中的items指的是flex 中的子项,因此align-items指的就是flex子项们相对于flex容器在垂直方向上的对齐方式。

2、适用于所有的flex容器,单行时候垂直居中使用align-items: center。

实例

[code]‹style>
        .first{
            width: 300px;
            height: 300px;
            border: 1px solid blueviolet;
        }
        .first div{
            width: 30px;
            height: 30px;
        }
    ‹/style>
‹/head>
‹body>
    ‹div>
        ‹div style="background-color: khaki;">AA‹/div>
        ‹div style="background-color: lawngreen;">BB‹/div>
        ‹div style="background-color: lightcoral;">CC‹/div>
    ‹/div>
‹/body>[/code]

以上就是css中align-items属性的介绍,希望对大家有所帮助。



相关推荐

【2022年的云计算虚拟化市场现状和发展(云计算未来市场) >>点击查看详情<<

【习近平向“全球发展:共同使命与行动价值”智库媒体高端论坛致贺信 >>点击查看详情<<

/template/Home/Redyun/PC/Static